Головна‎ > ‎JavaScript‎ > ‎

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

Інструменти розробника в 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  — спливаюче вікно, зупиняє виконання наступних команд
alert('Привіт!')      // window.alert('Привіт!'


//7  — масив HTML-блоків
var x = document.querySelectorAll(".styleName");

x[0].innerHTML = "Новий текст";

for (let i = 0; i < x.length; i++) {
     x[i].style.backgroundColor = "red";
}


//8
let t = document.getElementsByTagName('p')[0];


//9 — CANCEL або Esc повертає null, Safari - "", IE - не підтримує
var years = prompt('Скільки вам років?','');        
var years = prompt('Скільки вам років?', 25);   


//10 — OK, Cancel (Boolean)
var result = confirm("Зечекати?");


//11 Надрукувати сторінку
window.print()