Desvendando o Poder da Web: Integramos HTML com JavaScript, PHP e Muito Mais!

Integração de HTML com JavaScript

HTML (Hypertext Markup Language) é a espinha dorsal de todas as páginas web, estruturando seu conteúdo. Contudo, para proporcionar interatividade e funcionalidade dinâmica, o JavaScript entra em cena. Ele é uma linguagem de script que permite manipular elementos HTML após a página ser carregada, proporcionando uma experiência de usuário interativa.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemplo de Integração HTML e JavaScript</title>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20%2F%2F%20Fun%C3%A7%C3%A3o%20JavaScript%20que%20muda%20o%20texto%20do%20elemento%20com%20id%20%22exemplo%22%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20function%20mudarTexto()%20%7B%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20document.getElementById(%22exemplo%22).innerHTML%20%3D%20%22Texto%20alterado%20com%20JavaScript!%22%3B%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%3Cbr%20%2F%3E%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
</head>
<body>
<h1 id="exemplo">Texto Original</h1>

    <button onclick="mudarTexto()">Clique para mudar o texto</button>
</body>
</html>



Neste exemplo, temos uma página HTML com um título e um botão. Quando o botão é clicado, a função JavaScript `mudarTexto()` altera o conteúdo do elemento `h1` com o id “exemplo”.


O JavaScript está embutido na mesma página HTML dentro da tag 

Deixe um comentário