---------------------------------------------------------------------------------------------------------
Zmodyfikowany kod Java script
var x=1;//document.getElementById('okno').style.backgroundColor="black";
function wlacz(){++x; x%=2;
if(x==0){document.getElementById('okno').style.backgroundColor="yellow";}else{document.getElementById('okno').style.backgroundColor="black";};
}
function czytaj(przycisk) {
if (przycisk == 'C') {
document.getElementById('okno').value = '';
}
else {
document.getElementById('okno').value += przycisk;
}
}
function oblicz(wartosc) {
var wynik = eval(wartosc);
document.getElementById('okno').value = wynik;
}
Zmodyfikowany kod HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Description" content=" [wstaw tu opis strony] ">
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
<meta name="Author" content=" [dane autora] ">
<meta name="Generator" content="kED2">
<title> [tytu³ strony] </title>
<link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<body>
<script type="text/javascript"SRC = "kalk.js">
document.write("Nie mo¿na otworzyæ pliku ze skryptem.")
</SCRIPT>
<style type="text/css">
table.kalk {
border: 6px solid #AF0000;
background-color: #FAAF00;
}
input.kalk {
width: 100%;
margin: 10px;
}
</style>
<fieldset>
<legend>CKR 2PSI</legend>
<table class="kalk" cellpadding=14>
<tr><td colspan=3><input class="kalk" id="okno"
style="background-color:black;" "type="text"></td><td><input class="kalk" type="button" value=ON onclick="wlacz()"></td></tr>
<tr>
<td><input class="kalk" type="button" value=1 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=2 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=3 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='/' onclick="czytaj(this.value);"></td>
</tr>
<tr>
<td><input class="kalk" type="button" value=4 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=5 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=6 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='*' onclick="czytaj(this.value);"></td>
</tr>
<tr>
<td><input class="kalk" type="button" value=7 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=8 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value=9 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='-' onclick="czytaj(this.value);"></td>
</tr>
<tr>
<td><input class="kalk" type="button" value=0 onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='.' onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='C' onclick="czytaj(this.value);"></td>
<td><input class="kalk" type="button" value='+' onclick="czytaj(this.value);"></td>
</tr>
<tr><td colspan=3><input class="kalk" type="button" value='=' onclick="oblicz(document.getElementById('okno').value);"></td></tr>
</table>
</body>
</html>