Demo Dynamic HTML - Calculadora con cuadernito

Calculadora con cuadernito

Compatibilidad: Ms Internet Explorer

Otra calculadora que se caracteriza esta vez por un espacio en el que se muestran las operaciones efectuadas. El espacio funciona como una especie de cuadernito.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

</HEAD>

var results=''
var previouskey=''
var re=/(\/|\*|\+|-)/
var re2=/(\/|\*|\+|-){2}$/
var re3=/.+(\/|\*|\+|-).+/
var re4=/\d|\./
var re5=/^[^\/\*\+].+\d$/
var re6=/\./
var receiptmemory=''

function calculate(){
if (event.srcElement.tagName=="TD"){
if (event.srcElement.innerText.match(re4)&&previouskey=="="){
results=''
receiptmemory=''
}
if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}

results+=event.srcElement.innerText
receiptmemory+=event.srcElement.innerText
if (results.match(re2)){
receiptmemory=results.substring(0,results.length-2)+results.charAt(results.length-1)
results=results.substring(0,results.length-2)+results.charAt(results.length-1)
}

result.innerText=results
}
}

function calculateresult(){
if (receiptmemory==''){
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'<br>')
receiptroll.rolls.scrollIntoView(false)
return
}

if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results

if (receiptmemory.charAt(0)=="/")
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'%')
else
receiptroll.rolls.insertAdjacentHTML("beforeEnd",receiptmemory.charAt(0))

for (i=1;i<receiptmemory.length;i++){
if (receiptmemory.charAt(i).match(re)){
if (receiptmemory.charAt(i)=="/")
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'<br>%')
else
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'<br>'+receiptmemory.charAt(i))
}
else
receiptroll.rolls.insertAdjacentHTML("beforeEnd",receiptmemory.charAt(i))
}
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'<br>')

receiptmemory=''
receiptroll.rolls.insertAdjacentHTML("beforeEnd",'------<br>'+results+'<br>')
receiptroll.rolls.scrollIntoView(false)
}

function pn(){
if (result.innerText.charAt(0)!='-')
result.innerText=results=receiptmemory='-'+result.innerText
else if (result.innerText.charAt(0)=='-')
result.innerText=results=receiptmemory=result.innerText*(-1)
}

</script></CENTER>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]