Java Script para iniciantes

em

 Olá, neste post vamos aprender sobre Java Script para iniciantes, uma linguagem de programação muito popular e versátil que pode ser usada para criar páginas web dinâmicas e interativas. Vamos ver alguns conceitos básicos como variáveis, tipos de dados, funções e como ligar o HTML e o Java Script com exemplos fáceis de serem implementados.


Variáveis são nomes que representam valores que podem ser armazenados e modificados em um programa. Para declarar uma variável em Java Script, usamos a palavra-chave let ou const, dependendo se queremos que o valor da variável possa ser alterado ou não. Por exemplo:


let x = 10; // declara uma variável chamada x e atribui o valor 10 a ela

const y = 20; // declara uma constante chamada y e atribui o valor 20 a ela

x = x + 5; // altera o valor de x para 15

y = y + 5; // gera um erro, pois não podemos mudar o valor de uma constante


Tipos de dados são as categorias que os valores podem pertencer, como números, strings, booleanos, objetos, etc. Cada tipo de dado tem suas próprias propriedades e operações que podem ser aplicadas a eles. Por exemplo:


let a = 3; // a é um número

let b = "Olá"; // b é uma string

let c = true; // c é um booleano

let d = {nome: "João", idade: 25}; // d é um objeto


Funções são blocos de código que podem ser executados quando chamados, podendo receber parâmetros e retornar valores. Para definir uma função em Java Script, usamos a palavra-chave function seguida do nome da função, dos parênteses com os parâmetros (se houver) e das chaves com o corpo da função. Por exemplo:


function soma(x, y) { // define uma função chamada soma que recebe dois parâmetros x e y

  return x + y; // retorna a soma dos parâmetros

}


let z = soma(5, 7); // chama a função soma com os argumentos 5 e 7 e armazena o resultado na variável z


Para ligar o HTML e o Java Script, podemos usar a tag script no documento HTML, que pode conter código Java Script diretamente ou referenciar um arquivo externo com o código. Por exemplo:


<html>

<head>

  <script src="meu_script.js"></script> <!-- referencia um arquivo externo com código Java Script -->

</head>

<body>

  <h1>Exemplo de HTML e Java Script</h1>

  <p id="paragrafo">Este é um parágrafo</p>

  <button onclick="mudarTexto()">Clique aqui</button> <!-- chama uma função Java Script ao clicar no botão -->

  <script>

    function mudarTexto() { // define uma função Java Script no documento HTML

      let p = document.getElementById("paragrafo"); // obtém o elemento HTML com o id "paragrafo"

      p.innerHTML = "O texto mudou!"; // altera o conteúdo do elemento HTML

    }

  </script>

</body>

</html>

Comentários

Postar um comentário