Виведення інформації JavaScript на сторінку. Методи innerHTML, textContent

Task 01

Найпростіший висновок інформації - у консоль. Для виведення напишіть console.log() і в дужках напишіть те, що ви хочете вивести. Вивчіть виведення команд нижче. Зверніть увагу, якщо потрібно вивести рядок, то він береться в лапки.

console.log(256);
console.log('Hello');
console.log(true);
Task 02

Напишіть виведення в консоль числа 777.

Task 03

Напишіть виведення в консоль рядка 'JavaScript'.

Task 04

Для виведення інформації в елемент (HTML) на сторінці застосовується кілька команд. Найпростіша команда - textContent. Для виведення потрібно одержати елемент і привласнити значення властивості textContent. Давайте навчимося робити першу частину операції – отримувати елемент зі сторінки. Найпростіший варіант – одержання елемента у якого є id – унікальний ідентифікатор. У такому випадку застосовується метод getElementById(). Вивчіть конструкцію нижче. Дана конструкція дозволяє "отримати" для подальшої роботи елемент за його ідентифікатором.

console.log(document.getElementById('out-4'));
Task 05

Вище ми навчилися отримувати елемент з id, проте...

Завдання доступні після придбання курсу

Task 06

Напишіть код, який отримує елемент out-6 по id...

Завдання доступні після придбання курсу

Task 07

Ми отримували елемент за id, проте останні роки...

Завдання доступні після придбання курсу

Task 08

Виведіть в елемент .out-8 текст 'JS 24', застосуйте...

Завдання доступні після придбання курсу

Task 09

Оскільки ми застосовуємо querySelector, то можемо писати будь-які...

Завдання доступні після придбання курсу

Task 10

Застосовуючи querySelector запишіть у параграф всередині .out-8 текст...

Завдання доступні після придбання курсу

Task 11

Особливістю querySelector(), є те, що якщо елементів на...

Завдання доступні після придбання курсу

Task 12

Ми постійно використовуємо властивість textContent для виведення. Виведіть...

Завдання доступні після придбання курсу

Task 13

Давайте вивчимо ще способи виведення інформації у парні...

Завдання доступні після придбання курсу

Task 14

Виведіть у .out-14 рядок '<p>The Bath Item <em>Gift</em>...

Завдання доступні після придбання курсу

Task 15

Проста властивість innerHTML дозволяє створювати елементи на сторінці....

Завдання доступні після придбання курсу

Task 16

Вище ми застосовували команди textContent та innerHTML. Обидві...

Завдання доступні після придбання курсу

Task 17

Чи можна робити не перезапис, а додавання інформації...

Завдання доступні після придбання курсу

Task 18

Допишіть за допомогою innerHTML в .out-18 рядок наступного...

Завдання доступні після придбання курсу

Task 19

Вивчіть приклад нижче. У ньому ми розписуємо операцію...

Завдання доступні після придбання курсу

Task 20

Отримайте за допомогою textContent текст із .out-20. Виведіть...

Завдання доступні після придбання курсу