Estoy ayudando a un amigo con los estudios y encontré algo super curioso.
Tiene que hacer una calculadora simple, con requisitos simples en JavaScript.
Ok todo normal, hasta este error...
Ejemplo12.html:19 Uncaught TypeError: restar is not a function at HTMLInputElement.onclick (Ejemplo12.html:19)
Como se puede ver, dice que la función "restar" no existe, pero está hecha como las demás funciones.
Ahora, si yo le cambio SOLO el nombre a "resta", todo funciona perfectamente.
¿Por que sucede esto?
Código:
function sumar() {
var n1 = document.getElementById('n1').value;
var n2 = document.getElementById('n2').value;
var resultado = parseInt(n1) + parseInt(n2);
document.getElementById('resultado').value = resultado;
}
function restar() {
var n1 = document.getElementById('n1').value;
var n2 = document.getElementById('n2').value;
var resultado = parseInt(n2) - parseInt(n1);
document.getElementById('resultado').value = resultado;
}
function multi() {
var n1 = document.getElementById('n1').value;
var n2 = document.getElementById('n2').value;
var resultado = parseInt(n1) * parseInt(n2)
document.getElementById('resultado').value = resultado;
}
<!-- saved from url=(0097)https://aulas.santotomas.cl/pluginfile.php/23214532/mod_resource/content/0/Ejemplo12.html?embed=1 -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Contet-type" content="charset=iso-8859-1">
<title> Ejemplo de JS Sumas</title>
</head>
<body>
<p> Suma de Elementos. <br>
</p>
<form>
Numero 1
<input type="text" id="n1" name="n1" size="4" maxlength="1" value="0"> <br>
Numero 2
<input type="text" id="n2" name="n2" size="4" maxlength="1" value="0"> <br>
<input type="button" id="suma" name="suma" value="+ Sumar" onclick="sumar()">
<input type="button" id="restar" name="restar" value="- Restar" onclick="restar()">
<input type="button" id="multiplicar" name="multiplicar" value="* multiplicar" onclick="multi()"><br>
Resultado:
<input type="text" id="resultado" name="resultado" size="4" value="0" disabled>
</form>
</body>
</html>