why doesn't my HTML code work?

S

salpert

New member
<html>
<head>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<title>Shopping</title>
<script type= "text/javascript">
function displayclock(){
var today=new Date();
var seconds=today.getSeconds();
var minutes=today.getMinutes();
var hours=today.getHours();
var ampm="PM";
if (hours < 12 || hours == 24) {ampm="AM";}
if (hours > 12) {hours= hours-12;}
if (minutes < 10) {minutes= "0"+minutes;}
if (seconds < 10) {seconds= "0"+seconds;}
TimerRunning = true;
document.getElementById("mehclock").innerHTML="<input type='button' value='Time Off' onClick='stopclock()'><br/>"+hours+":"+minutes+":"+seconds+" "+ampm;
TimerId= setTimeout("displayclock()",1000)
}
function stopclock(){
if (TimerRunning == true)
{clearTimeout(TimerId);
TimerRunning=false;
document.getElementById("mehclock").innerHTML="<input type='button' value='Time On' onClick='displayclock()'><br/>";
}
function askquestions(){
var shoppingfor=""
shoppingfor=prompt("What would you like to shop for?","clothing")
if(shoppingfor=="clothing"){document.getElementById("shopping").innerHTML="you can buy clothing from <ul><li>boring clothing</li><li>boring outfitters</li></ul>";}
if(shoppingfor=="jewelry"){document.getElementById("shopping").innerHTML="you can buy clothing from <ul><li>boring jewlers</li><li>boring miners</li></ul>";}
if(shoppingfor=="souveneers"){document.getElementById("shopping").innerHTML="you can buy clothing from <ul><li>boring souveneer stand</li><li>boring chochkies</li></ul>";}
}

}
</script>
</head>
<body>
<marquee direction:"left"><h1>Boring Island Shopping</h1></marquee>
<div id="floatImageLeft">
<div id="navbar">
<ul>
<li><a href="Main.html">Home</a></li>
<li><a href="Accom.html">Accommodations</a></li>
<li><a href="Resta.html">Restaurant</a></li>
<li><a href="Activ.html">Activities</a></li>
<li><a href="Shopp.html">Shopping</a></li>
</ul>
</div>
<br/>
<div id="mehclock">
<form>
<input type="button" value="Time On" onClick="displayclock()">
</form>
</div>
</div>
<br/>

<form>
<input type="button" value="shopping2" onClick="askquestions()"/>
<div id="shopping"></div>

<div id="layer1">
<img src= "images/clipart2.png" height="322" width="226" alt="Welcome to boring Island " />
</body>
</html>


I am trying to make the code appear where the button "shopping" will open and prompt me for 1 of three things, but i cannot seem to link the askquestions() with the one in the button. can someone tell me what is wrong?
but where? I added a ton of them, and i cannot figure out why the thing wont work
 
Back
Top