Postagens

Mostrando postagens de 2022

JavaScript - Atualizando e Redirecionando

Imagem
  Para implementar um simples "refresh" ou atualização de página, podemos fazer da seguinte maneira: window.location.href   Como implementar? Nesse exemplo vamos colocar este funcionalidade dentro de um botão: <button onclick="window.location.href = window.location.href">   De outra forma também poderia ser colocado após o href o arquivo html, porém desta forma a página ela vai ser atualizada ao invés de carregar novamente. Uma implementação muito mais moderna. Da mesma maneira podemos também utilizar o window.location.href para redirecionar em outra página, da seguinte forma: <button onclick="window.location.href='www.google.com';">

JavaScript - Inserindo um arquivo JS

Imagem
    Para importar um arquivo JavaScript (.js) que esteja fora do HTML, precisamos fazer o seguinte: Dentro da tag <head>, incluímos a tag <script> da seguinte forma: <script type="text/javascript" src="script.js"> </script>   Na propriedade type, informamos o tipo daquele script, nesse caso é texto/javascript. Em src, colocamos o local onde o arquivo está guardado. Aqui como está na mesma pasta do arquivo html, não é necessário informar o caminho completo, apenas o nome do arquivo.

JavaScript - Variáveis

Imagem
    JavaScript é uma linguagem client-side. Ou seja: ela roda diretamente no navegador de internet.  Esta linguagem também se integra ao HTML e CSS, tornando-se assim perfeita para desenvolvimento de sites. Alguns conceitos básicos: Variáveis: São espaços na memória para guardar algum valor, seja números, textos, etc. Aquilo que for necessário guardar para ser utilizado novamente em alguma instrução. Para utilizar variáveis com JavaScript se utiliza da palavra "var". Ex: var nome = "Calleb";  Nesta linha estamos atribuindo o valor "Calleb" em forma de texto (por isso está entre aspas duplas) a variável nome. Lembrando que o JavaScript é case sensitive. Ou seja: a forma como as variáveis são escritas influenciam, no caso de maiúsculas e minúsculas. Exemplo: Nome, nome, NOME são três variáveis DIFERENTES.