javascript-vazifalari

JavaScript vazifalari, misollari, masalalari, topshiriqlari

View the Project on GitHub kmlxn/javascript-vazifalari

input va button qo’ying. Tugmaga bosganingizda inputdagi yozuv alert oynachasiga chiqishi kerak.
onclick="..." dan foydanaling.


Ikkita input qo’ying. Birinchi inputga nimadir yozganingizda, ikkinchisida u paydo bo’lishi kerak.
oninput="..." dan foydalaning.


Ikkita input type="number" qo’ying. Birinchi inputga sonni kiritganingizda, ikkinchisida o’sha sonni 10ga ko’paytirib ko’rsatish kerak.
oninput="..." dan foydalaning.


select qo’ying. selectdan molni (misol uchun qahvaning turlari) tanlasangiz, tanlagan molning narxi alert oynachasida chiqishi kerak.


input va button qo’ying. Tugmaga bosganingizda inputdagi yozuvni document.write qilib chiqaring.


input, button, va h1 qo’ying. Tugmaga bosganingizda inputdagi yozuvni h1ni ichiga innerHTMLdan foydalanib solib qo’ying.


addEventListener

Quyidagi topshiriqlarda addEventListener dan foydanalish kerak.


input va button qo’ying. Tugmaga bosganingizda inputdagi yozuv alert oynachasiga chiqishi kerak.


Ikkita input qo’ying. Birinchi inputga nimadir yozganingizda, ikkinchisida u paydo bo’lishi kerak.
oninput="..." dan foydalaning.

Yechim

<input type="text" id="salom">
<input type="text" id="tinchlik">

<script>
function soglik(hodisa) {
  var input = hodisa.target  // aslida salomInputi o'zgaruvchi bilan bitta narsa
  var yozilganMatn = input.value
  var tinchlikInputi = document.querySelector('#tinchlik')
  tinchlikInputi.value = yozilganMatn
}

var salomInputi = document.querySelector('#salom')
salomInputi.addEventListener('input', soglik)
</script>

Ikkita input type="number" qo’ying. Birinchi inputga sonni kiritganingizda, ikkinchisida o’sha sonni 10ga ko’paytirib ko’rsatish kerak.


select qo’ying. selectdan molni (misol uchun qahvaning turlari) tanlasangiz, tanlagan molning narxi alert oynachasida chiqishi kerak.


input va button qo’ying. Tugmaga bosganingizda inputdagi yozuvni document.write qilib chiqaring.


input, button, va h1 qo’ying. Tugmaga bosganingizda inputdagi yozuvni h1ni ichiga innerHTMLdan foydalanib solib qo’ying.


audio va input type="range" qo’ying. inputni sijditganingizda audio tovushining balandligi o’zgarishi kerak.


10 rasm qo’ying. Har bitta rasmga sichqonchaning o’qini olib borsangiz, saytingizni o’rtasida shu rasmning tavsifi paydo bo’lishi kerak. Misol uchun qahvaning rasmniga o’qni olib borsangiz - “Kuchli qahva, qadoqi 200 000 so’m” yozuv paydo bo’lishi kerak.