Інструменти розробника в 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) // виводить помилку, але нажаль не викликає наслідків
//1
d1.innerHTML = "Stop"
//2
d1.textContent = "Stop"
//3
document.getElementById("d1").innerHTML = "Stop"
//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()