Par ou Ímpar em JavaScript (e outros múltiplos)


Neste tutorial de JavaScript, vamos te ensinar como saber se um número é par ou ímpar; e também saber se ele é múltiplo de qualquer outro valor que você desejar saber.

Par ou Ímpar em JavaScript

Para resolver este exercício, precisamos primeiramente saber o que é e como usar o operador %, de resto da divisão.

Pra isso, você precisa voltar pra escolinha, quando fazia continhas:
Paridade em JS
Ao dividirmos 17 por 2, o resultado é um quociente de valor 8 e resto 1.
Esse resto, é o resto da divisão.

Quando fazemos: x % y
O JS nos retorna o resto da divisão.

E ai que vem o pulo do gato:
O resto da divisão de um número par por 2 é sempre 0.
Se o resto da divisão for 1, o número é ímpar.

Então, nosso código fica:

<!DOCTYPE html>
<html>
 <head>
   <title>Curso JavaScript Progressivo</title>
       Numero:<input id="num" type="number"> <br />
    <button onclick="paridade()">Resposta</button><br />

    Resposta: <div id='resposta' style='display:inline'></div>

    <script type="text/javascript">
   function paridade(){
    var num = parseInt(document.getElementById("num").value);
       var resposta = document.getElementById('resposta');
        
          if (num%2 == 0)
           resposta.innerHTML = "Par";
          else
           resposta.innerHTML = "Ímpar";
   }
    </script>
 </head>
</html>


Teste:

Numero:

Resposta:


Múltiplos em JavaScript
Os números pares são, na verdade, números múltiplos de 2.
Existem uma infinidade de outros múltiplos e uma hora ou outra você vai precisar identificar eles.

Por exemplo, múltiplos de 3: 3, 6, 9, 12, 15, 18, 21...
Múltiplos de 4: 4, 8, 12, 16, 20, ...
Múltiplos de 7: 7, 12, 21, 28, 35, ...

A lógica para identificar um determinado múltiplo é a mesma que usamos para saber se um número é par ou ímpar, basta usar o módulo da divisão %.

Para o número x ser múltiplo de y, o valor da operação: x % y
Deve ser 0. Simples assim.

Teste o seguinte código:


<!DOCTYPE html>
<html>
 <head>
   <title>Curso JavaScript Progressivo</title>
       Numero     :<input id="num" type="number"> <br />
       Multiplo de:<input id="mult" type="number"> <br />
    <button onclick="paridade()">Checar</button><br />

    Resposta: <div id='resposta' style='display:inline'></div>

    <script type="text/javascript">
   function paridade(){
    var num = parseInt(document.getElementById("num").value);
    var mult = parseInt(document.getElementById("mult").value);
       var resposta = document.getElementById('resposta');
        
          if (num%mult == 0)
           resposta.innerHTML = num+" é múltiplo de "+mult;
          else
           resposta.innerHTML = num+" não é múltiplo de "+mult;
   }
    </script>
 </head>
</html>

Nenhum comentário:

Postar um comentário