Wow, I would've never, within the next 15 years, ever figured that one out.
Unfortunately, that trick didn't work in IrishThug's code.
I added an if statement to initialize and create a variable. I also added an alert function to show the new variable. For right now, it says "null", which I hope is better than it showing "display."
I placed the variable inside the functions at first, but the code seemed like it was bugging out, so I placed it in an if statement for now. Reality is that I should create an if statement that says something like:
Code:
if (n has no value){
var n = document......
else
create new varable (b);
I know that is totally wrong. Getting tired.
Is it legitimate to create an if statement with functions? like "if (function x){....."
So, here is what I have so far:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width: 100px;
height: 20px;
margin-left: 100px;
border-style: solid;
border-color: blue;
}
</style>
<script type="text/javascript">
function writeOne() {
document.getElementById('display').innerHTML += 1;
}
function writeTwo(){
document.getElementById('display').innerHTML += 2;
}
function writeThree(){
document.getElementById('display').innerHTML += 3;
}
function writeFour(){
document.getElementById('display').innerHTML += 4;
}
function writeFive(){
document.getElementById('display').innerHTML += 5;
}
function writeSix(){
document.getElementById('display').innerHTML += 6;
}
function writeSeven(){
document.getElementById('display').innerHTML += 7;
}
function writeEight(){
document.getElementById('display').innerHTML += 8;
}
function writeNine(){
document.getElementById('display').innerHTML += 9;
}
function writeZero(){
document.getElementById('display').innerHTML += 0;
}
if (addition || subtraction || multiplication || division){
var num1 = document.getElementById('display');
}
function addition(){
}
function subtraction(){
}
function multiplication(){
}
function division(){
}
function equalTo(){
}
function backOne(){
}
function clearLine(){
}
function clearAllLines(){
}
function showResult(){
alert(num1);
}
window.onload = function start() {
document.getElementById('one').onclick = writeOne;
document.getElementById('two').onclick = writeTwo;
document.getElementById('three').onclick = writeThree;
document.getElementById('four').onclick = writeFour;
document.getElementById('five').onclick = writeFive;
document.getElementById('six').onclick = writeSix;
document.getElementById('seven').onclick = writeSeven;
document.getElementById('eight').onclick = writeEight;
document.getElementById('nine').onclick = writeNine;
document.getElementById('zero').onclick = writeZero;
document.getElementById('add').onclick = addition;
document.getElementById('subtract').onclick = subtraction;
document.getElementById('multiply').onclick = multiplication;
document.getElementById('divide').onclick = division;
document.getElementById('equals').onclick = equalTo;
document.getElementById('backSpace').onclick = backOne;
document.getElementById('clear').onclick = clearLine;
document.getElementById('clearAll').onclick = clearAllLines;
}
</script>
</head>
<body>
<div>
<script type="text/javascript">
document.write('<span id="display"></span>')
</script>
</div>
<button id="one">1</button>
<button id="two">2</button>
<button id="three">3</button>
<button id="four">4</button>
<button id="five">5</button>
<button id="six">6</button>
<button id="seven">7</button>
<button id="eight">8</button>
<button id="nine">9</button>
<button id="zero">0</button>
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">x</button>
<button id="divide">/</button>
<button id="equals">=</button>
<button id="backSpace">backspace</button>
<button id="clear">clear</button>
<button id="clearAll">clear all</button>
<button onclick="showResult()">result</button>
</body>
</html>
) then num1's value is basically the same as: