Número é par ou ímpar em JavaScript

Olá pessoal, hoje vamos realizar a codificação do algoritmo que identificar se um número é par ou ímpar, e teremos um uso deste algoritmo, na prática.

Para realizar o algoritmo, devemos ter em mente que qualquer número dividido por 2 com resto zero é par, então o restante será ímpar. O operador de módulo(%) é utilizado para obter o resto da divisão.

Com o algoritmo explicado, vamos codificar um programa para realizar a troca de duas frases a cada 3 segundos.

Visualize o Pen Banner alternativo feito por Francisco Chaves (@franciscochaves) em CodePen.

Código HTML:

<!-- HTML -->

<main class="main">
  <section class="banner" id="banner">
    A diferença entre o veneno e o remédio é a dose.
  </section>
</main>

Código CSS:

/* CSS */

@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 20px;
}

.main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: #3498db;
}

.banner {
  text-align: center;
  color: #ecf0f1;
  text-shadow: 1px 1px 10px #000;
  font-size: 2em;
  font-family: Roboto, Arial, sans-serif;
}

Código JS:

// JS

const textos = [
  'Se quiser que os seus sonhos tornam-se realidade, acorde!',
  'A diferença entre o veneno e o remédio é a dose.',
];

let textoAtual = 0;

//Utilizando o temporizador, para realizar a troca a cada x segundos
setInterval(function () {
  /*
    A função, utilizar um truque para verificar se um número e par ou ímpar,
    alterando a posição do array
  */
  textoAtual = (textoAtual + 1) % 2;
  document.getElementById('banner').innerText = textos[textoAtual];
}, 3000);

#Compartilhe