Olá,
estou enfrentando uma dificuldade com meu código javascript, pois não consigo imaginar uma forma em que seja possível acessar as funções do construtor do meu objeto JavaScrip no formulário HTML.
Gostaria de saber se existe uma forma de fazer isso que estou querendo.
Abaixo segue em anexo o código HTML e JavaScript, respectivamente.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Calculadora</title>
<meta charset="UTF-8">
<script src="biblioteca.js" type="text/javascript" ></script>
</head>
<body >
<form id="formulario">
<p>Digite o primeiro número</p>
<input type="text" name="valor1" value="0">
<p>Digite o segundo número</p>
<input type="text" name="valor2" value="0">
<p>Resultado</p>
<input type="text" name="resultado" disabled="disabled">
<br/>
<br/>
<table>
<caption>Operações</caption>
<tr>
<th><a href="#" onclick="Calculadora().getSoma()">SOMAR</a></th>
<th><a href="#" onclick="Calculadora().getSubtracao()">SUBTRAIR</a></th>
</tr>
<tr>
<th><a href="#" onclick="Calculadora().getMultiplicacao()">MULTIPLICAR</a></th>
<th><a href="#" onclick="Calculadora().getDivisao()">DIVIDIR</a></th>
</tr>
</table>
</form>
</body>
</html>
JavaScript:
function Calculadora(){
this.setValor1 = function(numero1){
this.valor1 = +document.getElementById('formulario').valor1.value;
}
this.setValor2 = function(numero2){
this.valor2 = +document.getElementById('formulario').valor2.value;
}
this.getSoma = function soma(){
resultado = this.valor1 + this.valor2;
document.getElementById('formulario').resultado.innerHTML = resultado;
}
this.getSubtracao = function subtracao(){
resultado = this.valor1 - this.valor2;
document.getElementById('formulario').resultado.innerHTML = resultado;
}
this.getMultiplicacao = function multiplicacao(){
resultado = this.valor1 * this.valor2;
document.getElementById('formulario').resultado.innerHTML = resultado;
}
this.getDivisao = function divisao(){
resultado = this.valor1 / this.valor2;
document.getElementById('formulario').resultado.innerHTML = resultado;
}
}
Desde já, obrigado.