Виведення на екран

Інструменти розробника в 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()