Javascript - Afisarea in browser sau consola

Stefanescu Mihai Stefanescu Mihai Javascript cu 3 luni în urmă
Fii primul care comenteaza!
Exista anumite situatii in care dorim sa afisam continut din javascript, fie in browser, fie in console. De exemplu, vrem sa afisam sau sa vedem valoarea unei variabile, fie pentru a fi vazuta de utilizator, fie pentru a ne ajuta la implementare/debug.
 
Cum scriem in consola
 
Putem afisa un mesaj sau anumite date in consola browser-ului folosind functia console.log().
var a = 1;  
var b = 2;  
var suma = a + b;  
console.log(suma); // aceasta linie va afisa 3 in consola
Afisarea unei alerte
 
De asemenea, putem afisa mesaje in browser sub forma de alerta folosind functia alert().
var a = 1; 
var b = 2; 
var suma = a + b; 
alert(suma); // aceasta linie va deschide o alerta ce va afisa 3
Scrierea in browser
 
Pentru a afisa ceva in pagina putem folosi functia document.write:
 
var a = 1; 
var b = 2; 
var suma = a + b; 
consoledocument.write(suma); // aceasta linie va afisa 3 in pagina
Inserarea continut-ului in elemente HTML
 
De asemenea, putem insera continutul dorit intr-un element HTML folosind proprietatea innerHTML a elementului. Pentru a face asta, prima data trebuie sa selectam elementul, folosin ceva precum getElementById():
 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Invata-Programare</title> 
</head> 
<body> 
    <div id="elementulMeu"></div> 
    <script> 
        document.getElementById('elementulMeu').innerHTML = "Salutari comunitatii Invata-Programare.ro"; 
    </script> 
</body> 
</html>

 

Avem un cod de conduita.
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.