Skip to main content
se añadieron 283 caracteres en el cuerpo
Origen Enlace
Emeeus
  • 7.4k
  • 11
  • 25
        <div id="h1">
            <h1>Comparador</h1>
        </div>
        <div class="grid">
            <div id="number1">
                <h2>NÚMERO A</h2>
            </div>
            <div id="number2">
                <h2>NÚMERO B</h2>
            </div>
        </div>
        <input type="number" id="n1" value="">
        <input type="number" id="n2" value="">
        <div>
            <div id="b1">
                <button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
            </div>
            <div>
                <input type="text" id="comparacion" value="Resultado">
            </div>
            <div id="b2">
                <button type="reset">REINICIAR</button>
            </div>
        </div>
     <script>
      function numberComparation() {
      var n1 = document.getElementById("n1").value
      var n2 = document.getElementById("n2").value
      if (n1 > n2) {
          var resultado = "El número A es mayor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if (n1 < n2) {
          var resultado = "El número A es menor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if(n1 == n2){
          var resultado = "El número A es igual que el número B"
          document.getElementById("comparacion").value = resultado
      }
    }
   </script>

<div id="h1">
  <h1>Comparador</h1>
</div>
<div class="grid">
  <div id="number1">
    <h2>NÚMERO A</h2>
  </div>
  <div id="number2">
    <h2>NÚMERO B</h2>
  </div>
</div>
<input type="number" id="n1" value="">
<input type="number" id="n2" value="">
<div>
  <div id="b1">
    <button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
  </div>
  <div>
    <input type="text" id="comparacion" value="Resultado">
  </div>
  <div id="b2">
    <button type="reset">REINICIAR</button>
  </div>
</div>
<script>
  function numberComparation() {
    var n1 = +document.getElementById("n1").value
    var n2 = +document.getElementById("n2").value
    if (n1 > n2) {
      var resultado = "El número A es mayor que el número B"
      document.getElementById("comparacion").value = resultado
    } else if (n1 < n2) {
      var resultado = "El número A es menor que el número B"
      document.getElementById("comparacion").value = resultado
    } else if (n1 === n2) {
      var resultado = "El número A es igual que el número B"
      document.getElementById("comparacion").value = resultado
    }
  }
</script>

        <div id="h1">
            <h1>Comparador</h1>
        </div>
        <div class="grid">
            <div id="number1">
                <h2>NÚMERO A</h2>
            </div>
            <div id="number2">
                <h2>NÚMERO B</h2>
            </div>
        </div>
        <input type="number" id="n1" value="">
        <input type="number" id="n2" value="">
        <div>
            <div id="b1">
                <button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
            </div>
            <div>
                <input type="text" id="comparacion" value="Resultado">
            </div>
            <div id="b2">
                <button type="reset">REINICIAR</button>
            </div>
        </div>
     <script>
      function numberComparation() {
      var n1 = document.getElementById("n1").value
      var n2 = document.getElementById("n2").value
      if (n1 > n2) {
          var resultado = "El número A es mayor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if (n1 < n2) {
          var resultado = "El número A es menor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if(n1 == n2){
          var resultado = "El número A es igual que el número B"
          document.getElementById("comparacion").value = resultado
      }
    }
   </script>

<div id="h1">
  <h1>Comparador</h1>
</div>
<div class="grid">
  <div id="number1">
    <h2>NÚMERO A</h2>
  </div>
  <div id="number2">
    <h2>NÚMERO B</h2>
  </div>
</div>
<input type="number" id="n1" value="">
<input type="number" id="n2" value="">
<div>
  <div id="b1">
    <button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
  </div>
  <div>
    <input type="text" id="comparacion" value="Resultado">
  </div>
  <div id="b2">
    <button type="reset">REINICIAR</button>
  </div>
</div>
<script>
  function numberComparation() {
    var n1 = +document.getElementById("n1").value
    var n2 = +document.getElementById("n2").value
    if (n1 > n2) {
      var resultado = "El número A es mayor que el número B"
      document.getElementById("comparacion").value = resultado
    } else if (n1 < n2) {
      var resultado = "El número A es menor que el número B"
      document.getElementById("comparacion").value = resultado
    } else if (n1 === n2) {
      var resultado = "El número A es igual que el número B"
      document.getElementById("comparacion").value = resultado
    }
  }
</script>

cuerpo editado
Origen Enlace
user128299
user128299

rebisandorevisando tu código, un problema que he encontrado es en el else de la función numberComparation,

rebisando tu código, un problema que he encontrado es en el else de la función numberComparation,

revisando tu código, un problema que he encontrado es en el else de la función numberComparation,

Origen Enlace

rebisando tu código, un problema que he encontrado es en el else de la función numberComparation,

 else (n1 = n2) 
            var resultado = "El número A es igual que el número B"
            document.getElementById("comparacion").value = resultado
        }

Cuando haces n1 = n2 estás haciendo una asignación en vez de una comparación, Para comparar valores se hace con dos == incluso, si quieres comparar, valor y tipo de dato sería con ===. Otra error que veo es que el n1 y n2 que pasas al onclick no tienen nunca valor.

onclick="numberComparation(n1, n2)"

Te pongo la corrección al ejercicio.

        <div id="h1">
            <h1>Comparador</h1>
        </div>
        <div class="grid">
            <div id="number1">
                <h2>NÚMERO A</h2>
            </div>
            <div id="number2">
                <h2>NÚMERO B</h2>
            </div>
        </div>
        <input type="number" id="n1" value="">
        <input type="number" id="n2" value="">
        <div>
            <div id="b1">
                <button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
            </div>
            <div>
                <input type="text" id="comparacion" value="Resultado">
            </div>
            <div id="b2">
                <button type="reset">REINICIAR</button>
            </div>
        </div>
     <script>
      function numberComparation() {
      var n1 = document.getElementById("n1").value
      var n2 = document.getElementById("n2").value
      if (n1 > n2) {
          var resultado = "El número A es mayor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if (n1 < n2) {
          var resultado = "El número A es menor que el número B"
          document.getElementById("comparacion").value = resultado
      } else if(n1 == n2){
          var resultado = "El número A es igual que el número B"
          document.getElementById("comparacion").value = resultado
      }
    }
   </script>

Espero que te sirva y suerte!