• Faylni veb-brauzeringizda va matn muharririda oching. Siz HTML bosiladigan tugmani oz ichiga olgan oddiy veb-sahifani yaratishini korasiz.
  • Endi biz sahifani yanada qiziqarli qilish uchun elementimizga JavaScript-ni qoshamiz — "// JavaScript bu erga boradi" qatorining pastiga quyidagi kodni qoshamiz
  • Faylingizni saqlang va brauzerni yangilang - endi siz tugmani bosganingizda yangi paragraf hosil bolishini va quyida joylashganligini korishingiz kerak.
  • Joriy elementni quyidagi bilan almashtiramiz
  • Inline JavaScript ishlov beruvchilari
  • Click me!
  • Buning orniga addEventListener dan foydalanamiz/
  • Birinchidan, namunaviy HTML faylingiz bilan bir xil katalogda yangi fayl yaratamiz. Uni script.js deb nomlang — unda .js fayl nomi kengaytmasi mavjudligiga ishonch hosil qilamiz, chunki u JavaScript s




    Download 400,17 Kb.
    bet22/24
    Sana20.05.2024
    Hajmi400,17 Kb.
    #244645
    1   ...   16   17   18   19   20   21   22   23   24
    Bog'liq
    Diplom ishi

    Birinchidan, namunaviy HTML faylingiz bilan bir xil katalogda yangi fayl yaratamiz. Uni script.js deb nomlang — unda .js fayl nomi kengaytmasi mavjudligiga ishonch hosil qilamiz, chunki u JavaScript sifatida tanilgan.

  • Joriy


    1. script.js ichiga quyidagi skriptni qo'shamiz:



    function createParagraph() {
    const para = document.createElement("p");
    para.textContent = "You clicked the button!";
    document.body.appendChild(para);
    }
    const buttons = document.querySelectorAll("button");
    for (const button of buttons) {
    button.addEventListener("click", createParagraph);
    }


    Inline JavaScript ishlov beruvchilari

    E'tibor bering, ba'zida siz HTML ichida yashovchi haqiqiy JavaScript kodlarining bitlarini uchratasiz. Bu shunday ko'rinishi mumkin:


    function createParagraph() {
    const para = document.createElement("p");
    para.textContent = "You clicked the button!";
    document.body.appendChild(para);
    }





    Ushbu demo avvalgi ikki bo'limdagi kabi funksiyalarga ega, faqat

    Iltimos, buni qilmang. HTMLni JavaScript bilan ifloslantirish yomon amaliyot va bu samarasiz — JavaScript qoʻllanilishini istagan har bir tugmaga onclick="createParagraph()" atributini kiritishingiz kerak boʻladi.

    Buning o'rniga addEventListener dan foydalanamiz/



    const buttons = document.querySelectorAll("button");

    for (const button of buttons) {


    button.addEventListener("click", createParagraph);
    }

    Download 400,17 Kb.
  • 1   ...   16   17   18   19   20   21   22   23   24




    Download 400,17 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Birinchidan, namunaviy HTML faylingiz bilan bir xil katalogda yangi fayl yaratamiz. Uni script.js deb nomlang — unda .js fayl nomi kengaytmasi mavjudligiga ishonch hosil qilamiz, chunki u JavaScript s

    Download 400,17 Kb.