¿Tenés hambre?

Weronika: Bueno, ya tenemos botones, respuestas... ¿qué viene ahora?

ChatGPT: Ahora podemos aprender una de las cosas más importantes en programación: las condicionales.

Weronika: O sea, el famoso “if” y “else”, ¿no?

ChatGPT: Exactamente. Son decisiones. Si pasa tal cosa, hacé esto. Si no, hacé otra cosa.

Weronika: Bueno, ¿y cómo lo probamos?

ChatGPT: Vamos a hacer una preguntita: “¿Tenés hambre?” Y según lo que respondas, el programa te va a decir algo distinto.

<input type="text" id="respuesta" placeholder="Sí o No">
<button id="boton">Responder</button>
<p id="resultado"></p>

ChatGPT: Y en JavaScript lo controlamos así:

const boton = document.getElementById("boton");
const input = document.getElementById("respuesta");
const resultado = document.getElementById("resultado");

boton.addEventListener("click", () => {
  const valor = input.value.toLowerCase();

  if (valor === "sí" || valor === "si") {
    resultado.textContent = "Bueno, vamos por unas empanadas.";
  } else if (valor === "no") {
    resultado.textContent = "Ok, entonces seguimos estudiando.";
  } else {
    resultado.textContent = "No entendí tu respuesta. Escribí 'Sí' o 'No'.";
  }

  resultado.classList.remove("invisible");
});

Weronika: Ok, entendí. Pero... ¿por qué `.toLowerCase()`?

ChatGPT: Porque así no importa si escribís "SÍ", "Sí", "sí" o "sI". Todo se convierte en minúsculas y lo podemos comparar sin errores.

Weronika: Ahh... ¡muy bueno eso! Entonces las condicionales se usan para que el programa decida qué hacer.

ChatGPT: Exacto. Es la base de toda lógica de control.