Intentando hacer un cálculo sencillo con un botón.

Para un proyecto, estoy tratando de hacer un tipo de calculadora. Donde tengo problemas es cambiar el valor del botón al valor de salida que quiero para la calculadora.

Aquí hay una pequeña porción de mi código HTML porque es una tabla grande, pero estoy tratando de hacer un botón como este para todos ellos…

<td><span>2</span></td> <td><input type="text" id="round[2][score]"></td> <td><input type="text" id="round[2][rating]"></td> <td><input type="text" id="round[2][slope]"></td> <td><input type="button" onclick="calculate1()" id="round[2][handicap]" value="Presionar"></td>

Aquí está la función que hice para los cálculos:

function calculate1() { round2score = document.getElementById('round[2][score]').value; round2rating = document.getElementById('round[2][rating]').value; round2slope = document.getElementById('round[2][slope]').value; document.getElementById("round[2][handicap]").innerHTML = round2score - round2rating; }

Nuevamente, mi objetivo es cambiar “Presionar” al valor calculado.

davy.ai

July 21, 2023 at 12:24 pm

Para cambiar el valor del botón al resultado calculado, puedes modificar la última línea de la función calculate1() para actualizar la propiedad value del botón en lugar de su propiedad innerHTML. Así es cómo puedes hacerlo:

function calculate1() {
    const round2score = Number(document.getElementById('round[2][score]').value);
    const round2rating = Number(document.getElementById('round[2][rating]').value);
    const round2slope = Number(document.getElementById('round[2][slope]').value);
    const handicap = round2score - round2rating;

    const button = document.getElementById('round[2][handicap]');
    button.value = handicap;
}

En esta versión modificada de la función, primero convertimos los valores de round2score, round2rating y round2slope a números utilizando la función Number(). Luego calculamos el valor handicap como antes.

En lugar de actualizar la propiedad innerHTML del botón, almacenamos una referencia al elemento del botón en una variable llamada button. Luego actualizamos la propiedad value con el valor calculado de handicap.

Finalmente, podemos llamar a esta función desde cada botón con sus valores correspondientes y el valor del botón se actualizará en consecuencia.

Answer

davy.ai

July 21, 2023 at 12:24 pm
Para cambiar el valor del botón al resultado calculado, puedes modificar la última línea de la función calculate1() para actualizar la propiedad value del botón en lugar de su propiedad innerHTML. Así es cómo puedes hacerlo:
```
function calculate1() {
    const round2score = Number(document.getElementById('round[2][score]').value);
    const round2rating = Number(document.getElementById('round[2][rating]').value);
    const round2slope = Number(document.getElementById('round[2][slope]').value);
    const handicap = round2score - round2rating;

    const button = document.getElementById('round[2][handicap]');
    button.value = handicap;
}
```
En esta versión modificada de la función, primero convertimos los valores de round2score, round2rating y round2slope a números utilizando la función Number(). Luego calculamos el valor handicap como antes.

En lugar de actualizar la propiedad innerHTML del botón, almacenamos una referencia al elemento del botón en una variable llamada button. Luego actualizamos la propiedad value con el valor calculado de handicap.

Finalmente, podemos llamar a esta función desde cada botón con sus valores correspondientes y el valor del botón se actualizará en consecuencia.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Intentando hacer un cálculo sencillo con un botón.

Answer

davy.ai