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

question-closed Aniamcja w GSAP

VPS Starter Arubacloud
0 głosów
103 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 niezalogowany
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 77 wizyt
pytanie zadane 25 kwietnia 2020 w JavaScript przez kuba1245677 Obywatel (1,080 p.)
+1 głos
2 odpowiedzi 300 wizyt
0 głosów
0 odpowiedzi 64 wizyt
pytanie zadane 2 kwietnia 2020 w JavaScript przez kuba1245677 Obywatel (1,080 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...