<!DOCTYPE html>
<html>
<h1>NOSSO APLICATIVO CALCULADORA!</h1>
<head>
<h3>NOSSO PRIMEIRO APP</h3>
<style>
h1 {
color: red;
text-align: center;
}
h3 {
color: blue;
text-align: center;
}
</style>
<script>
/* mostra resultados na tela
alert(x);
alert("ola"); //popup
document.write(y); //mostra na tela/ escreve no html
document.write(sub(1,2)); // subtração
opcoes para mostrar na tela:
Writing into an HTML element, using innerHTML.
Writing into the HTML output using document.write().
Writing into an alert box, using window.alert().
Writing into the browser console, using console.log().
*/
// classes POO
// escolhe a opção e os numeros para as operaçoes
// op =1, op =2, op = 3, op = 4. x=x e y = y
class calc {
constructor(x, y){
this.x = x;
this.y = y;
}
soma(){
return this.x + this.y;
}
sub(){
return this.x + this.y;
}
mult(){
return this.x + this.y;
}
div(){
return this.x + this.y;
}
}
// Usando SWITCH EM JavaScript
var text;
var opcao = prompt("Qual é a opcao(soma, sub, mult, div)");
//var opcao = document.write("Qual é a opcao: ");
switch(opcao) {
case "soma":
var x = parseInt(prompt("digite o numero X")); //parseInt converte para inteiro
var y = parseInt(prompt("digite o numero Y"));
resultados = new calc(x,y);
//document.write(soma);
document.write(resultados.soma());
break;
case "sub":
var x = parseInt(prompt("digite o numero X")); //parseInt converte para inteiro
var y = parseInt(prompt("digite o numero Y"));
resultados = new calc(x,y);
//document.write(soma);
document.write(resultados.sub());
break;
case "mult":
var x = parseInt(prompt("digite o numero X")); //parseInt converte para inteiro
var y = parseInt(prompt("digite o numero Y"));
resultados = new calc(x,y);
//document.write(soma);
document.write(resultados.mult());
break;
case "div":
var x = parseInt(prompt("digite o numero X")); //parseInt converte para inteiro
var y = parseInt(prompt("digite o numero Y"));
resultados = new calc(x,y);
//document.write(soma);
document.write(resultados.div());
break;
default:
//text = "I have never heard of that one..";
}
// APLICACAO DA NOSSA CLASSE
//resultados = new calc(2,4);
//document.write(soma);
//document.write(resultados.soma());
//alert(resultados.soma); // alert mostra o resultado
</script>
</head>
</html>