O que é JavaScript?

JavaScript é uma linguagem de programação leve, interpretada e orientada a objeto. Ela é muito utilizada para desenvolvimento web, mas também é usada em outros ambientes sem browsers, como o node.js. A versão padrão do JS é o ECMAScript. Todos os navegadores atuais aceitam pelo menos até as versões do ECMAScript 5.1. Atualmente, é lançada uma versão da linguagem por ano.

Uma coisa muito importante, é não confundir a linguagem JavaScript com a linguagem Java. Por mais que tenham nomes semalhantes e ambas sejam linguagens de programação, as duas são muito diferentes. Java é uma linguagem usada em diversas áreas, como desenvolvimento de jogos e de softwares, enquanto JavaScript é mais usada para desenvolvimento web, mas pode ser usada em outras áreas, como em servidores.

Para ligar o JavaScript a uma página HTML, é necessário utilizar a tag <script>. Ela pode conter o script dentro dele ou em outro arquivo, com a extensão .js. Nos exemplos mostrados, os códigos estarão dentro do arquivo HTML.

Como JS é uma linguagem muito complexa, muitas coisas não poderão ser explicadas em apenas uma página. Agora mostraremos alguns exemplos do que ele é capaz de fazer:

Mudar o conteúdo de um parágrafo


            <!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p>Parágrafo</p>
        <script>
            let nome = prompt("Qual o seu nome")
            let paragrafo = document.querySelector("p")
            paragrafo.innerHTML = `Seja bem vindo, ${nome}`
        </script>
    </body>
</html>

Esse código pega o nome que um usuário inserir e muda o conteúdo do parágrafo inserindo o nome que o usuário colocou.

Mudar a cor de um parágrafo ao clicar nele.


            <!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p>Parágrafo</p>
        <script>
            let paragrafo = document.querySelector("p")
            paragrafo.addEventListener("click", mudarCor)
            function mudarCor() {
                paragrafo.style.color = "red"
            }
        </script>
    </body>
</html>

Esse código muda a cor de um parágrafo para vermelho ao clicar nele.

Fazer a soma de dois números


            <!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p>Parágrafo</p>
        <script>
            let num1 = prompt("Digite um número")
            let num2 = prompt("Digite outro número")
            let paragrafo = document.querySelector("p")
            paragrafo.innerText = num1 + num2
        </script>
    </body>
</html>

Esse código, em teoria, deveria somar os dois números inseridos, porém não é isso que acontece. Caso você tenha executado o código deve ter percebido que ao invés de somar os valores, ele colocou um do lado do outro. Isso ocorre por conta de que quando você digita um valor, ele é considerado como um texto (string) ao invés de um número. Para isso, seria necessário converter o valor, mas é algo que não falaremos aqui. Caso queira saber como isso funciona, há diversos cursos que ensinam mais sobre JavaScript, como os cursos da MDN, os cursos da W3School e o curso do Curso em Vídeo.