JavaScript: O Que É e Como Funciona?
Se você já navegou na internet, com certeza já usou JavaScript, mesmo sem perceber! Ele é a linguagem de programação responsável por tornar os sites interativos. Mas como isso funciona? Vamos explicar de forma simples!
O que é JavaScript?
JavaScript é uma linguagem que roda nos navegadores e permite que as páginas da web façam coisas como mostrar avisos, mudar textos automaticamente e responder quando clicamos em botões. Diferente do HTML e do CSS, que definem a estrutura e o estilo da página, o JavaScript adiciona comportamento dinâmico.
Como o JavaScript Funciona no Navegador?
Os navegadores, como Google Chrome e Firefox, possuem um "motor JavaScript", que lê e executa os códigos dessa linguagem dentro das páginas web. Isso significa que o código JavaScript é processado diretamente no seu computador, sem precisar de um servidor.
Agora, vamos ver alguns exemplos práticos!
Exemplo 1: Exibir uma Mensagem na Tela
Um dos primeiros códigos que podemos criar é um alerta simples:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo JavaScript</title>
</head>
<body>
<script>
alert("Olá! Bem-vindo ao meu site!");
</script>
</body>
</html>
Esse código faz aparecer uma janela de aviso com a mensagem "Olá! Bem-vindo ao meu site!" assim que a página for carregada.
Exemplo 2: Escrever no Site com JavaScript
Podemos usar JavaScript para escrever um texto dentro de uma página:
<!DOCTYPE html>
<html>
<head>
<title>Escrevendo com JavaScript</title>
</head>
<body>
<script>
document.write("Este texto foi inserido com JavaScript!");
</script>
</body>
</html>
Esse código adiciona a frase diretamente na tela do navegador.
Exemplo 3: Responder a um Clique
Podemos fazer com que um botão execute uma ação quando for clicado:
<!DOCTYPE html>
<html>
<head>
<title>Botão Interativo</title>
</head>
<body>
<button onclick="mostrarMensagem()">Clique aqui</button>
<script>
function mostrarMensagem() {
alert("Você clicou no botão!");
}
</script>
</body>
</html>
Exemplo 4: Mudar um Texto Automaticamente
Vamos modificar um texto dentro da página usando JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>Alterar Texto</title>
</head>
<body>
<p id="meuTexto">Texto original.</p>
<button onclick="mudarTexto()">Mudar Texto</button>
<script>
function mudarTexto() {
document.getElementById("meuTexto").innerHTML = "O texto foi alterado!";
}
</script>
</body>
</html>
Quando o botão for clicado, o texto mudará automaticamente!
JavaScript é uma linguagem essencial para a internet moderna. Ele torna os sites mais interativos e interessantes. Com poucos comandos, já é possível criar ações básicas, como exibir alertas e mudar textos. Se você quer aprender programação para web, começar com JavaScript é uma ótima escolha!
