<div id="d1"></div>
1.
d1.innerHTML = "Stop"
2.
d1.textContent = "Stop"
3.
document.getElementById("d1").innerHTML = "Stop"
// "d" + 1 - можна
4. — поле вводу, там де немає закриваючого тега
document.getElementById("d1").value = "Богдан"
5.
document.write("<h1>Привіт \"JavaSctipt\"!<br></h1>")
6. — checkbox, radio
d1.checked == true
7. — спливаюче вікно, зупиняє виконання наступних команд
alert('Привіт!') // скорочення від window.alert('Привіт!')
8. — масив HTML-блоків
let x = document.querySelectorAll(".styleName");
x[0].innerHTML = "Новий текст"
for (let i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red"
}
9.
let t = document.getElementsByTagName('p')[0]
10. — CANCEL або Esc повертає null, Safari - "", IE - не підтримує
let years = prompt('Скільки вам років?','')
let years = prompt('Скільки вам років?', 25)
let years = parseInt(prompt('Скільки вам років?', 25))
11. — OK, Cancel (Boolean)
let result = confirm("Зечекати?")
12. Надрукувати сторінку
window.print()
Інструменти розробника в Opera, Chrome
Ctrl + Shift + J
console.log("Привіт!") // Привіт!
console.log("a=", a, "b=", b) // a= 6 b= 7
console.log(document.body) // DOM, тег body і все що є в середині
console.error('Помилка') // червоне
console.warn('Попередження') // жовте
console.log('%cПривіт', 'color: blue; font-size: xx-large') // синє, великим шрифтом
console.group() // можливість згорнути наступні повідомлення в групу
console.groupCollapsed() // згорнути наступні повідомлення
console.groupEnd() // закінчити групування
console.table(arr) // вивести у вигляді таблиці
console.count('1') // 1: 1
console.count('1') // 1: 2
console.clear() // очистити
console.dir(arr) // оновлює виведені елементи масиву
console.assert("1" === 1) // виводить помилку, але нажаль не викликає наслідків