• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Aniamcja w GSAP

0 głosów
66 wizyt
pytanie zadane 2 października 2019 w JavaScript przez Allen Obywatel (1,010 p.)
zamknięte 2 października 2019 przez Allen

Chcę zrobić animację w GSAP polegającą na przemieszeniu się obrazka od lewej do prawej strony ekranu. Nie mam pojęcia, gdzie może leżeć błąd. Załączam kod:

const logBtn = document.querySelector("#log-btn");
const paperPlane = document.querySelector(".paper-plane");

const tl = new TimelineLite();

logBtn.addEventListener("submit", function (){
    if(document.querySelector("#password").value == 1122){

        const flightPath = {
            curviness: 1.25,
            autoRotate: true,
            values: [{x: 100, y: -20},
                {x: 300, y: 10},
                {x: 500, y: 100},
                {x: 750, y: -100},
                {x: 350, y: -50},
                {x: 600, y: 100},
                {x: 800, y: 0},
                {x: window.innerWidth, y: -150}]};

tl.set(paperPlane, {display: 'block'});
tl.from(paperPlane, 1, {x: -100})
    .to(paperPlane, 1, {bezier: flightPath, ease: Power1.easeInOut});
} else{
document.querySelector(".warning").style.display = "block";
}
});
 <div class="log-in">
            <p>Enter your PIN:</p>
            <input type="password" id="password" maxlength="4">
            <button type="submit" id="log-btn">Blow It Away</button>
        </div>
        <section class="animation">
            <img class="paper-plane" src="paper.png">
        </section>
        <div class="warning"></div>

 

komentarz zamknięcia: Otrzymałem odpowiedź

1 odpowiedź

0 głosów
odpowiedź 2 października 2019 przez argeento VIP (109,260 p.)
wybrane 2 października 2019 przez Allen
 
Najlepsza

logBtn.addEventListener("submitclick", function (){

Event submit występuje na elemencie form

Podobne pytania

0 głosów
0 odpowiedzi 37 wizyt
pytanie zadane 25 kwietnia 2020 w JavaScript przez kuba1245677 Obywatel (1,080 p.)
+1 głos
2 odpowiedzi 95 wizyt
0 głosów
0 odpowiedzi 33 wizyt
pytanie zadane 2 kwietnia 2020 w JavaScript przez kuba1245677 Obywatel (1,080 p.)

86,541 zapytań

135,291 odpowiedzi

300,649 komentarzy

57,288 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...