como fazer o codigo em javaScript e depois abrir ele em html?
como fazer o codigo em javaScript e depois abrir ele em html?
Olá, Marden! Tudo bem?
Para integrar JavaScript com HTML, você pode seguir alguns passos simples. Vou te explicar como fazer isso de maneira prática.
Arquivo HTML: Primeiro, crie um arquivo HTML. Este arquivo será a estrutura da sua página. Por exemplo, você pode criar um arquivo chamado index.html
com o seguinte conteúdo básico:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minha Página</title>
</head>
<body>
<h1>Olá, Mundo!</h1>
<script src="script.js"></script>
</body>
</html>
Note que há uma tag <script>
no final do <body>
. Ela está referenciando um arquivo JavaScript chamado script.js
.
Arquivo JavaScript: Agora, crie um arquivo JavaScript. Este arquivo conterá o código que você deseja executar. Por exemplo, você pode criar um arquivo chamado script.js
com o seguinte conteúdo:
console.log('JavaScript está funcionando!');
Abrindo no Navegador: Depois de criar esses dois arquivos, abra o arquivo index.html
no seu navegador. Você pode fazer isso clicando duas vezes no arquivo ou arrastando-o para uma janela do navegador. Se tudo estiver configurado corretamente, você verá a mensagem "Olá, Mundo!" na página e, se abrir o console do navegador (geralmente pressionando F12 ou clicando com o botão direito na página e selecionando "Inspecionar"), verá a mensagem "JavaScript está funcionando!" no console.
Esse é um exemplo básico de como juntar HTML e JavaScript. Você pode expandir isso adicionando mais elementos HTML e funcionalidades JavaScript conforme necessário.
Espero ter ajudado e bons estudos!