<!DOCTYPE html>
<html>
<head>
<title>Calculadora</title>
</head>
<body>
<div class="calculadora">
<form action="#" name="calculadora" id="calculadora">
<p id="textoPantalla">0</p>
<p>
<input type="button" class="largo" value="Retr" onclick="retro()" />
<input type="button" class="largo" value="CE" onclick="borradoParcial()" />
<input type="button" class="largo" value="C" onclick="borradoTotal()" />
</p>
<p>
<input type="button" value="7" onclick="numero('7')" />
<input type="button" value="8" onclick="numero('8')" />
<input type="button" value="9" onclick="numero('9')" />
<input type="button" value="/" onclick="operar('/')" />
<input type="button" value="Raiz" onclick="raizc()" />
</p>
<p>
<input type="button" value="4" onclick="numero('4')" />
<input type="button" value="5" onclick="numero('5')" />
<input type="button" value="6" onclick="numero('6')" />
<input type="button" value="*" onclick="operar('*')" />
<input type="button" value="%" onclick="porcent()" />
</p>
<p>
<input type="button" value="1" onclick="numero('1')" />
<input type="button" value="2" onclick="numero('2')" />
<input type="button" value="3" onclick="numero('3')" />
<input type="button" value="-" onclick="operar('-')" />
<input type="button" value="1/x" onclick="inve()" />
</p>
<p>
<input type="button" value="0" onclick="numero('0')" />
<input type="button" value="+/-" onclick="opuest()" />
<input type="button" value="." onclick="numero('.')" />
<input type="button" value="+" onclick="operar('+')" />
<input type="button" value="=" onclick="igualar()" />
</p>
</form>
</div>
<style type="text/css">
.calculadora{
border: 3px blue ridge;
width: 250px;
text-align: center;
background-color: #000000;
}
#textoPantalla{
width: 185px;
border: 2px #ff0000 solid;
text-align: right;
position: relative;
left: 23px;
padding: 0px 5px;
background-color: #FFFFFF;
font-family: courier new;
overflow: hidden;
}
.calculadora [type=button]{
width: 35px;
padding: 0;
}
.calculadora input.largo{
color: #0000ff;
width: 60px;
}
</style>
<script type="text/javascript">
window.onload = function(){
pantalla=document.getElementById("textoPantalla")
}
x="0"
xi=1
coma=0
ni=0
op="no"
function numero(xx) {//recoge el numero pulsado
if (x=="0" || xi==1 ) {//inicializa un numero
pantalla.innerHTML=xx//mostrar en pantalla
x=xx //guardar numero
if (xx==".") { //si escribimos , al inicio
pantalla.innerHTML="0." //definimos 0 var,
x=xx //guardar numero
coma=1 //estado de la coma
}
}
else{ //continuar escribiendo numero
if (xx=="." && coma==0) { //, primera vez
pantalla.innerHTML+=xx
x+=xx
coma=1 //cambia estado de la coma
}
//si se ingresa una nueva , no pasa nada
else if (xx=="." && coma==1) {}
else {
pantalla.innerHTML+=xx
x+=xx
}
}
xi=0
}
function operar(s){
igualar()//desarrolle operaciones pendientes
ni=x //guardamos el primer numero
op=s //tipo de operacion
xi=1 //inicializamos pantalla
}
function igualar(){
if (op =="no") {
pantalla.innerHTML=x
}
else{
sl=ni+op+x
sol=eval(sl)
pantalla.innerHTML=sol
x=sol
op="no"
xi=1
}
}
function raizc(){
x=Math.sqrt(x)
pantalla.innerHTML=x
op="no"
xi=1
}
function porcent(){
x=x/100
pantalla.innerHTML=x
igualar()
xi=1
}
function opuest(){
nx=Number(x)
nx=-nx
x=String(nx)
pantalla.innerHTML=x
}
function inve(){
nx=Number(x)
nx=1/nx
x=String(nx)
pantalla.innerHTML=x
}
function retro(){
cifras=x.length
br=x.substr(cifras-1,cifras)
x=x.substr(0,cifras-1)
if (x == "") {x="0"}
if (br == ".") {coma=0}
pantalla.innerHTML=x
}
function borradoParcial(){
pantalla.innerHTML=0
x=0
coma=0
}
function borradoTotal(){
pantalla.innerHTML=0
x=0
coma=0
ni=0
op="no"
}
</script>
</body>
</html>----------------------------------------------------------------------------------------------------------------
Web, juego sjavascript
https://reinspirit.com/videojuegos-retro-creados-html5-js-css/
----------------------------------------------------------------------------------------------------------------
. <script type="text/javascript">
window.onload = function(){
pantalla=document.getElementById("textoPantalla")
}
x="0"
xi=1
coma=0
ni=0
op="no"
function numero(xx) {//recoge el numero pulsado
if (x=="0" || xi==1 ) {
pantalla.innerHTML=xx//mostrar en pantalla
x=xx//guardar numero
if (xx==".") {//si escribimos , al inicio
pantalla.innerHTML="0." //definimos 0 var,
x=xx//guardar numero
coma=1//estado de la coma
}
}
else{//continuar escibiendo el numero
if (xx=="." && coma==0) {
pantalla.innerHTML+=xx
x+=xx
coma=1
}
//si se ingresa una coma nueva no pasa nada
else if(xx=="." && coma==1) {}
else {
pantalla.innerHTML+=xx
x+=xx
}
}
xi=0
}
