Cum să injectați o variabilă JavaScript în HTML

Pasul 1

Introduceți următorul cod în secțiunea corp a documentului HTML unde doriți ca variabila JavaScript să afecteze designul:

limbajul myFunction = "javascript"> Messenger ();

Funcția JavaScript numită "myFunction" este invocată atunci când această parte a paginii se încarcă. Puteți să vă numiți funcția așa cum doriți, atâta timp cât este un nume de funcție JavaScrip valabil.

Pasul 2

Inserați următorul cod între etichetele "cap" ale documentului dvs. HTML:

Acest script simplu adaugă cod HTML atunci când se numește utilizând instrucțiunea document.write () și injectează variabila "randomNumber" în designul HTML după ce îi atribuie o valoare aleatorie. De asemenea, rețineți modul în care codul HTML, între citate și variabila JavaScript, este concatenat folosind semnul plus (+) în cadrul apelului pentru document.write (). Utilizează mai multe concatenări pentru a afecta codul HTML într-un anumit mod - atribuirea unei variabile unui atribut al unei etichete, de exemplu - și folosirea mai multor apeluri pentru a document.write () pentru a ușura funcționarea codului dvs.

Pasul 3

Salvați fișierul HTML, deschideți-l într-un browser Web. Reîncărcați pagina de câteva ori și observați că numărul se schimbă în mod aleatoriu