JavaScript nu are funcţii de ieşire sau print, fiind folosit în HTML doar pentru a manipula elemente.

Pentru accesarea elementelor HML, în JavaScript se foloseşte getElementById(id).innerHTML, unde id este atributul de identificare a elementului HTML şi innerHTML se referă la conţinutul elementului.

Exemplu:

Pagina web

Un paragraf

unde scriptul dintre etichetele <script> şi </script> se execută în browserul web, demo este atributul de identificare HTML, iar valoarea innerHTML = „Paragraf schimbat.” arată conţinutul HTML ca urmare a atributului demo.

JavaScript se poate scrie (pentru demonstraţie) direct în documentul HTML, ca în exemplul de mai jos pentru afişarea datei:

Pagina web

Un paragraf

În cazul unui document HTML real, document.write scris astfel suprascrie toate elementele HTML.

Exemplu de utilizare într-un document HTML:

Pagina web

Un paragraf

JavaScript ca instrument de dezvoltare

În cadrul JavaScript, accesul la un program de depanare devine neprețuit atunci când se elaborează programe mari, non-triviale. Deoarece pot exista diferențe de implementare între diferitele browsere (în special în cadrul Document Object Model), este util să avem acces la un program de depanare pentru fiecare dintre browserele avute în vedere de aplicaţiile web.

Astfel de depanări de script sunt disponibile pentru Internet Explorer, Firefox, Safari, Google Chrome, Opera și Node.js

Trei instrumente de depanare sunt disponibile pentru Internet Explorer: Microsoft Visual Studio este cel mai bun dintre cele trei, urmat îndeaproape de Microsoft Script Editor (o componentă a Microsoft Office), și în cele din urmă de instrumentul gratuit Microsoft Script Debugger, care este mult mai simplu decât celelalte două. Instrumentul gratuit Microsoft Visual Web Developer Express oferă o versiune limitată a funcționalității de depanare JavaScript în Microsoft Visual Studio. Internet Explorer a inclus instrumente de dezvoltare de la versiunea 8 (la care se sjunge prin apăsarea tastei F12).

Aplicaţiile web din Firefox pot fi depanate folosind add-on-ul Firebug, sau debugger mai vechi Venkman. Firefox are, de asemenea, un simplu instrument inclus Error Console, care se conectează și evaluează JavaScript. Firebug înregistrează în jurnale şi erori CSS și avertismente.

Opera include un set de instrumente numit Dragonfly.

WebKit de la Web Inspector include un debugger JavaScript, care este folosit în Safari. O versiune modificată numită Blink DevTools este folosită în Google Chrome.

Node.js are nod-inspector, un depanator interactiv care se integrează cu DevTools Blink, disponibil în Google Chrome.

Unele instrumente de depanare sunt ele însele scrise în JavaScript și construite pentru a rula pe Web.

Pentru browserele care suportă depanarea, se poate folosi console.log() pentru a afişa valorile JavaScript în browser. Activarea depanării se face cu tasta F12, selectând „Console” în meniul de depanare.

Referinţe: W3 School, Wikipedia