Башкы бетке

JavaScript боюнча үй тапшырмасы

JavaScriptте программалоонун негиздери

JavaScriptти бардык тапшырмалар үчүн жалпы көрсөтмө

Маанилүү: JavaScript боюнча каалаган тапшырманы баштоодон мурун, бул кадамдарды бир жолу аткарыңыз:

  1. Sublime Textти иштетиңиз.
  2. Жогорудагы менюдан File → Open Folder (Файл → Папканы ачуу) тандаңыз.
  3. Менин сайттарым папкаңызды табыңыз жана тандаңыз. Ачуу баскычын басыңыз.
  4. → Сол жагындагы каптал панелинде сиз бардык файлдарыңызды көрөсүз.
  5. JavaScript үчүн жаңы файл түзүңүз:
    • Ctrl + N (Windows/Linux) же Cmd + N (Mac) басыңыз
    • Дароо сактаңыз: Ctrl + S (же Cmd + S)
    • Сактоу терезесинде:
      • Менин сайттарым папкасы тандалганына көзүңүз жеткиле
      • Файлдын аты талаасына так жазыңыз: script.js
      • Сактоо баскычын басыңыз.
  6. → Эми сол жагында сиз script.js файлын көрөсүз.
  7. JavaScriptти өзүңүздүн HTML-файлыңызга туташтырыңыз:
    • Керектүү HTML-файлды ачыңыз (сол жагындагы файлды эки жолу чыкылдатыңыз)
    • </body> жабуу тегинин алдына так ушул сапты кошуңыз:
      <script src="script.js"></script>
    • HTML-файлды сактаңыз (Ctrl + S)

✓ Эми JavaScript иштөөгө даяр!

Төмөндөгү бардык тапшырмаларды script.js файлында аткарыңыз.

1

Тапшырма 1: Барак ачылганда саламдашуу

Эмне болот:

Барак ачылганда — саламдашуу менен терезе пайда болот.

Эмне кылуу керек:

  1. script.js ачыңыз
  2. Бир сап жазыңыз:
alert("Салам! Кош келдиңиз!");
  1. Сактап, браузерде HTML ачыңыз

Өзүңүздү текшериңиз:

Төмөнкү баскычты басыңыз - саламдашуу пайда болушу керек

Даяр! Сиз JavaScriptти иштеттиңиз.

2

Тапшырма 2: Билдирүүсү бар баскыч

Эмне болот:

Баракта баскыч, басылганда билдирүү пайда болот.

Эмне кылуу керек:

  1. HTMLге баскыч кошуңуз:
<button>Мени басыңыз</button>
  1. script.js файлына жазыңыз:
// Бул сап баскыч басылганда билдирүүнү көрсөтөт
alert("Ура! Сиз баскычты бастыңыз!");
  1. Сактап, браузерде баскычты басыңыз

Өзүңүздү текшериңиз:

Төмөнкү баскычты басыңыз - билдирүү пайда болушу керек

Даяр! Баскыч иштейт.

3

Тапшырма 3: Эки баскыч — эки билдирүү

Эмне болот:

Эки баскыч, ар бири өзүнүн билдирүүсүн көрсөтөт.

Эмне кылуу керек:

  1. HTMLге эки баскыч кошуңуз:
<button>Баскыч 1</button>
<button>Баскыч 2</button>
  1. script.js файлына эки сап жазыңыз:
// Биринчи баскыч үчүн билдирүү
alert("Бул биринчи баскычтын билдирүүсү 😊");

// Экинчи баскыч үчүн билдирүү
alert("Ал эми бул экинчи баскычтын билдирүүсү 🎉");
  1. Сактап, баскычтарды кезек менен басыңыз

Өзүңүздү текшериңиз:

Төмөнкү баскычтарды басыңыз - ар бири өзүнүн билдирүүсүн көрсөтөт

Даяр! Баскычтар ар түрдүү сөздөрдү айтат.

4

Тапшырма 4: Баскыч барактагы сөздү өзгөртөт

Эмне болот:

Баскыч барактагы текстти өзгөртөт.

Эмне кылуу керек:

  1. HTMLге текст жана баскыч кошуңуз:
<p>Эски сөз</p>
<button>Сөздү өзгөртүү</button>
  1. script.js файлына жазыңыз:
document.querySelector("p").textContent = "Жаңы сөз!";
  1. Сактап, баскычты басыңыз — текст өзгөрөт

Өзүңүздү текшериңиз:

Баскычты басыңыз - төмөнкү текст өзгөрүшү керек

Эски сөз

📝 Маанилүү кеңештер:

Баарын сактап, браузерде тыкшыра текшериңиз — баары иштеши керек!

Башкы бетке