8 ONLINE BOOK STORE
Main.html
<html>
<head><h1><center ><font color="black">ODDESSY BOOK STORES</h1></center></font>
<script>
function redirect()
{
var selectedIndex= document.getElementById("Opt").selectedIndex;
var selectedText= document.getElementById("Opt").options[selectedIndex ].text;
if(selectedText=="horror")
{location.href="horror.html";
}
else{
location.href="sciencefiction.html";
}}
</script>
</head>
<body background="C:\Users\Admin\Downloads\photo-1602722053020-af31042989d5.jpeg">
<font color="white">
<center>
CHOOSE THE GENRE<select id="Opt">
<option>horror</option>
<option>sciencefiction</option>
</select>
<input type="SUBMIT" value="GO" onClick="redirect()">
</font>
</center>
</body>
</html>
Horror.html
<html>
<head><h1><center>HORROR STORY BOOKS</center></h1></head>
<body bgcolor="voilet">
<ul>
<li>DRACULA</li>
<img src="C:\Users\Admin\Downloads\dracula-bram-stoker.jpg"
style="width:300px;height:300px"><br><br>
<li>FRANKENSTEIN</li>
<img src="C:\Users\Admin\Downloads\frank.jpg"
style="width:300px;height:300px"><br><br>
<li>GHOST STORY</li>
<img src="C:\Users\Admin\Downloads\81RHhT-QYNL.jpg"
style="width:300px;height:300px"><br><br>
<li>BIRD BOX</li>
<img src="C:\Users\Admin\Downloads\birdbox.jpg"
style="width:300px;height:300px"><br><br>
<li>EXORCIST</li>
<img src="C:\Users\Admin\Downloads\exor.jpg"
style="width:300px;height:300px"><br><br>
</ul>
</body>
</html>
Sciencefiction.html
<html>
<head><h1><center>SCIENCE FICTION STORY BOOKS</center></h1></head>
<body bgcolor="voilet">
<ul>
<li>DUNE</li>
<img src="C:\Users\Admin\Downloads\667a2941831b713f6862a35c-dune-the-graphic-novel-book
1-dune.jpg"
style="width:300px;height:300px"><br><br>
<li>THE TIME MACHINE</li>
<img src="C:\Users\Admin\Downloads\667a2941831b713f6862a35c-ttm.jpg"
style="width:300px;height:300px"><br><br>
<li>THE MARTIAN</li>
<img src="C:\Users\Admin\Downloads\667a2941831b713f6862a35c-tm.jpg"
style="width:300px;height:300px"><br><br>
<li>RED MARS</li>
<img src="C:\Users\Admin\Downloads\red mars.jpg"
style="width:300px;height:300px"><br><br>
<li>JOURNEY TO THE CENTER OF EARTH</li>
<img
earth.jpg"
src="C:\Users\Admin\Downloads\667a2941831b713f6862a35c-journey-to-the-centre-of
style="width:300px;height:300px"><br><br>
</ul>
</body>
</html>
Comments
Post a Comment