Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Código Lionel

Fiz um exemplo de como o Lionel poderia ter resolvido, tive que pesquisar um pouco algumas coisas que ainda não abordamos no curso, como formulários, mas gostei bastante do resultado:

HTML:

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <form>
    <fieldset>
      <legend>Inserir senha para obter código</legend>
      <p>
        <label for="letra">Letra:</label>
        <input type="text" name="letra" id="letra" placeholder="atenção: case sensitive"/>
      </p>
      <p>
        <label for="letra">Número 1:</label>
        <input type="text" name="num1" id="num1" placeholder=""/>
      </p>
      <p>
        <label for="letra">Número 2:</label>
        <input type="text" name="num2" id="num2" placeholder=""/>
      </p>

      <button type="submit">Enviar</button>
    </fieldset>
  </form>

  <script src="script.js"></script>
</body>

</html>

JS:

function geraCodigo(letra, num1, num2) {
  if (letra === "A" && parseInt(num1) === 20 && parseInt(num2) === 30) {
    return "GH1022";
  }
  return "Código inválido";
}

// A função que será chamada quando o formulário for submetido
function onSubmitForm(event) {
  event.preventDefault(); // Evita o comportamento padrão do formulário (recarregar a página)

  // Obtém os valores dos campos de entrada
  var letra = document.getElementById("letra").value;
  var num1 = document.getElementById("num1").value;
  var num2 = document.getElementById("num2").value;

  // Gera o código com base nos valores dos campos
  var codigo = geraCodigo(letra, num1, num2);

  // Exibe o código gerado
  alert("Código gerado: " + codigo);
}

// Adiciona um ouvinte de evento para o formulário
document.querySelector("form").addEventListener("submit", onSubmitForm);
1 resposta
solução!

Isabella, parabéns por seu trabalho!

Você fez um ótimo uso de formulários HTML e JavaScript para criar um sistema de validação de entrada e geração de código. Gostei da maneira como você usou funções para organizar seu código, tornando-o mais fácil de entender e manter.

Sua abordagem de validação com a função geraCodigo foi bem estruturada e direta, com condições claras para verificar as entradas e gerar o código correto. A utilização de um evento submit para interceptar o envio do formulário também foi uma escolha acertada.

Conte com o fórum sempre que precisar.

Abraços.