Como injetar uma variável JavaScript em HTML

Passo 1

Insira o seguinte código na seção do corpo do documento HTML onde você deseja que a variável JavaScript afete o design:

myFunction language = "javascript"> Messenger ();

A função JavaScript chamada "myFunction" é chamada quando esta parte da página é carregada. Você pode nomear sua função como desejar, desde que seja um nome de função JavaScrip válido.

Passo 2

Insira o seguinte código entre as tags "head" do seu documento HTML:

Esse script simples adiciona código HTML quando é chamado usando a instrução document.write () e injeta a variável "randomNumber" no design HTML após atribuí-la a um valor aleatório. Também tenha em mente como o código HTML entre aspas e a variável JavaScript são concatenadas usando o sinal de mais (+) dentro da chamada para document.write (). Ele usa várias concatenações para afetar o código HTML de uma maneira específica - atribuindo uma variável a um atributo de uma tag, por exemplo - e usa várias chamadas para document.write () para facilitar o trabalho do código com elas.

Passo 3

Salve o arquivo HTML, abra-o em um navegador da Web. Recarregue a página algumas vezes e observe que o número muda aleatoriamente