NOSSO MENU

sábado, 26 de dezembro de 2020

Calculadora em JavaScript pegando os elementos por ID

 <!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>


function soma(){

    var x = document.getElementById("x").value;// com .value vc pega o valor do ide 

var y = document.getElementById("y").value;

var r = parseInt(x) + parseInt(y);/// parseInt converte pra inteiro

document.getElementById("r").value = r;

}

function sub(){

var x = document.getElementById("x").value;// com .value vc pega o valor do ide 

var y = document.getElementById("y").value;

var r = parseInt(x) - parseInt(y);

document.getElementById("r").value = r;

}

function mult(){

var x = document.getElementById("x").value;

var y = document.getElementById("y").value;

var r = parseInt(x) * parseInt(y);

document.getElementById("r").value = r;

}

function div(){

var x = document.getElementById("x").value;// com .value vc pega o valor do ide 

var y = document.getElementById("y").value;

var r = parseInt(x) / parseInt(y);

document.getElementById("r").value = r;

}

</script>

<body>


<div id = "principal">

<form id="form">

<!-- ESSES BUTÕES PARA NA TELA-->

<input id="x" type="text"/>

<input id="somar" type= "button" value="Somar" onclick="soma()"/>

<input id="subtrair" type= "button" value="Sub" onclick="sub()"/>

<input id="multiplicar" type= "button" value="Mult" onclick="mult()"/>

<input id="dividir" type= "button" value="Div" onclick="div()"/>

<input id="y" type="text"/>

<input id="limpar" type="reset" value="Resetar"/>

<!--

<button onclick="soma()">SOMA</button>  esse é so um clic

<button onclick="sub()">SUBTRAÇÃO</button>

<button onclick="mult()">MULTIPLICAÇÃO</button>

<button onclick="div()">DIVISÃO</button>

-->

<b>=</b>

<input id="r" type="text"/ disabled="true">

</form>

</div>


</body>

</head>

</html>

Nenhum comentário:

Postar um comentário

Redes Sociais

anuncios