Untitled

<!DOCTYPE html>
<html lang=pl>
<head>
	<meta charset=utf-8>
	<title>Egzamin js</title>
<style>
#baner{
margin:0 auto;
display:block;
text-align:center;
width:1000px;
height:100px;
}
#lewy{
width:40%;
background-color:salmon;
}
#prawy{
width:60%;
background-color:cyan;
}
#lewy,#prawy{
float:left;}
#ifr{
width:100%;
height:150px;
border-width:1px;
}
#obejma{
width:1000px;
margin: 0 auto;
}
ul{
list-style-type:none;
}
a{
text-decoration:none;
}
a:link,hover,visited,active{
color:brown;
font-size:16pt;
font-weight:bold;
}
</style>
</head>
<body>
<div id=obejma>
<div id=baner>
<img src="obrazek.png">
</div>
<div id=lewy>
<p>Menu</p>
<ul>
<li><a id=a1 href="opis.txt">Opis</a></li>
<br>
<li><a id=a2 href="jakatoliczba.html">Jaka to liczba</a></li>
<br>
<li><a id=a3 href="liczbyzzakresu.html">Liczby całkowite z zakresu</a></li>
</ul>
</div>
<div id=prawy>
<iframe id=ifr src=""></iframe>
</div>
</div>
<script>
"use strict";
window.onload=function(){
	document.getElementById("a1").onclick=function(){
		document.getElementById("ifr").src="opis.txt";
		return false;
}
	document.getElementById("a3").onclick=function(){
		document.getElementById("ifr").src="liczbyzzakresu.html";
		return false;
}
document.getElementById("a2").onclick=function(){
		document.getElementById("ifr").src="jakatoliczba.html";
		return false;
}
}
</script>
</body>
</html>