otavioOliveiraa / jogo-adivinhacao

Primeiro projeto desenvolvido com JavaScript pelo Explorer. Jogo de adivinhar o número gerado aleatoriamente.

Home Page:https://otaviooliveiraa.github.io/jogo-adivinhacao/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fazer a página recarregar location.reload()

chama a class .screen1 para dentro do javascript let screen1 = document.querySelector('.screen1')

Adiciona um evento | event - ouvidor btnTry.addEventListener('click', handleEventClick) função - muito utilizado no button para adicionar um evento ao ser clicado,

  • classList.add() | pode adiciona uma classe ao elemento mencionado
  • classList.remove() | pode remove uma classe do elemento mencionado
  • classList.toggle() | irá adicionar e remover consecutivamente

  event.preventDefault()

1 - 'nao faça o evento padrao' | Evita a ação padrão (como enviar um formulário) ao apertar o botão(button)

  • function handleEventClick(event) {event.preventDefault()}
  • nesse caso ele foi usado para quebrar e vento do button dentro do formulário - quebrando o evento de ao apertar o button ele enviar o formulário - sendo assim a página não recarregará

 if (isNaN(inputValue) || inputValue < 0 || inputValue > 10)

A expressão condicional inteira é uma combinação dessas três condições usando o operador lógico OR ( || ), que significa "ou". O operador || retorna true se qualquer uma das condições fornecidas for true.

Portanto, a expressão condicional completa verifica se inputValue:

  • Não é um número (é NaN) ou
  • É menor que 0 ou
  • É maior que 10

screen1.classList.contains('hide') // a linha de código verifica se o elemento screen1 possui a classe 'hide'

  • classList: É uma propriedade de elementos DOM que retorna um objeto DOMTokenList de classes no elemento.
  • contains('hide'): É um método do DOMTokenList que verifica se a classe 'hide' está presente na lista de classes do elemento.

About

Primeiro projeto desenvolvido com JavaScript pelo Explorer. Jogo de adivinhar o número gerado aleatoriamente.

https://otaviooliveiraa.github.io/jogo-adivinhacao/


Languages

Language:JavaScript 39.5%Language:CSS 37.2%Language:HTML 23.3%