Resolução da atividade mentoria 25/05/22

Hiring Coders
#1

Oi, gente boa. Boa noite!
Tudo bem com vcs?

Vou mandar aqui a maneira como consegui fazer o script ler a mensagem deixada no input do HTML, do exemplo feito pelo grande, super, master, Alexandre Bontempo:

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Case com JavaScript</title>

<script>

    function processa() {

        //Criando uma variável

        let dia_da_semana = document.getElementById("dia-semana").value;

        //Definindo a nossa variável no switch case

        switch (dia_da_semana) {

            // Caso 1 ou Opção 1

            case "domingo":

                alert("Olá meu querido hoje é domingo");

                break;

            // Caso 2 ou Opção 2

            case "segunda":

                alert("Putz hoje é segunda-feira bora trabalhar");

                break;

            case "sexta":

                alert("Graças a Deus sextouuuuuuuu");

                break;

            // É quando o valor inserido não é válido

            default:

                alert("Meu virgem este dia da semana não existe");

        }

    }

</script>

<!--Criando um campo para chamar a nossa função-->

<form id="dia">

    <label>Digite o dia da semana </label>

    <input id="dia-semana" type="text" name="dia" value="">

    <!--Criar um botão para chamar a nossa função em JavaScript-->

    <input type="submit" onclick="processa()" value="processar">

</form>

Atribuí na variável “dia_da_semana” um “document.getElementById”, botei um value no input e chamei ele lá na variável.

Grande abraço! :v: :wink:

5 Likes
#2

Percebi que não incluiu o método get que no meu caso, incluí na tag <form> onde o mesmo é sugerido. De resto o meu ficou muito parecido:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Case com JavaScript</title>
</head>
<body>
  
  <script>
    function processa() {
    // Criando uma variável
    //let dia_da_semana="";
    let dia = document.getElementById("dia_da_semana").value;

    // Definindo a nossa variável Switch-Case
    switch(dia) {
      case "domingo":
        alert("Olá, meu querido. Hoje é domingo");
        break;
      case "segunda":
        for(contador=0; contador < 10; contador++) {
          alert("Putz! Hoje é segunda-feira... Bora trabalhar " + contador);
        }
        break;
      case "6":
        alert("Graças a Deus! Sextouuuuuuu!");
        break;
      default:
        alert("Meu virgem, este dia da semana não existe")
    }
  }

  </script>

  <!--  Criando um campo para chamar a nossa função -->
  <form id="dia" method="get">
    <label>Digite o dia da semana</label>
    <input type="text" id="dia_da_semana">

    <!--  Criar um botão para chamar a nossa função em JavaScript -->
    <input type="submit" onclick="processa()" value="processar">

  </form>
  
</body>
</html>

Abraço! :+1:t2:

1 Like