Cómo hacer un programa de mayor o menor uso del mismo botón en JavaScript

Tienes tres posibilidades:

  • Mas grande que
  • Menos que
  • Igual a

Así que tienes que manejarlos como tales: Mayor || Menos que respuesta para Quora

Ejemplo completo:

// Estos son elementos DOM en la página, almacenamos para su evaluación posterior
const input1 = document.querySelector (‘# val1’)
const middle = document.querySelector (‘# middle’)
const input2 = document.querySelector (‘# val2’)

// Ejecutar comparación en cambio
input1.addEventListener (‘change’, function () {
comparar()
})
input2.addEventListener (‘change’, function () {
comparar()
})

// Ejecuta la función para comparar valores
función compare () {

if (input1.value === input2.value) {
middle.innerText = ‘Los valores son iguales’
regreso
}

dejar resultado = input1.value> input2.value? verdadero Falso;

if (! resultado) {
middle.innerText = ‘La entrada B es mayor que la entrada A’
}
más {
middle.innerText = ‘La entrada A es mayor que la entrada B’
}
}

Explicación:

Primero, debe eliminar la posibilidad de `A === B`, por lo que manejamos esto de la siguiente manera:

if (input1.value === input2.value) {
middle.innerText = ‘Los valores son iguales’
regreso
}

La declaración de devolución nos impide ejecutar código más allá de ese punto. El código después de esto maneja la lógica de equivalencia:

dejar resultado = input1.value> input2.value? verdadero Falso;

if (! resultado) {
middle.innerText = ‘La entrada B es mayor que la entrada A’
}
más {
middle.innerText = ‘La entrada A es mayor que la entrada B’
}

Definimos un let (variable) y hacemos la comparación en un ternario. Esta es la abreviatura de una declaración if / else, como se ve a continuación.

Línea 3: [matemáticas] si (! Resultado) [/ matemáticas] coincide con el caso falso . Si el resultado se le asigna un valor falso (input2> input1), establecemos el texto en consecuencia. De lo contrario, en la línea 6: manejamos el escenario inverso.