Variabler som ikke virker
Jeg har videre udviklet på en af mine gamle hjemmesider, og har lavet mine knapper om til dropdown menuer og nu virker mine variabler ikke. Nogle som har en ide til hvad der kan være gået galt?Her er koden:
//Farver til siden//
<head>
<title>Velkommen til pizza palace</title>
<meta charset="utf-8" />
<style>
a {
color: #593027;
}
.DivOS {
padding: 0;
border: 0;
background-color: #183e56;
text-align: center;
float: left;
width: 100%;
}
.DivOS2 {
border: 0;
padding: 100px;
height: 100px;
background-color: #dde1e4;
text-align: center;
}
.DivV {
padding: 10px;
background-color: #183e56;
height: 300px;
}
.DivH {
padding: 10px;
}
</style>
</head>
<body>
//Title til siden//
<div class="DivOS">
<h1 style="color: #dde1e4">Velkommen til pizza palace</h1>
</div>
//Billeder af pizzaer til at inspirere dig//
<div class="DivOS2">
<p><img src="c:\Users\Bruger\Desktop\salat pizza.png" style="float:left;width:300px;height:150px;">
</p>
<p><img src="c:\Users\Bruger\Desktop\ekstre salat pizza.png" style="float:right;width:300px;height:150px;">
</p>
<p><img src="c:\Users\Bruger\Desktop\Pepperoni pizza.png" style="width:300px;height:150px;">
</p>
</div>
</ul>
</div>
<div class="DivH" style="margin-left: 320px;">
<h1>Vores udvalg af pizza fyld og bunde</h1>
<h2>Velkommen til og hvad kan vi tilbyde dig? jer? D'damer eller D'herre</h2>
//kode til dropdown menu, af valg af bund til din pizza//
<label for="valgAfBund">Vælg bund:</label>
<select name="valgAfBund()">id="bund">
<option value="Normal">Normal</option>
<option value="Grov">Grov</option>
<option value="glutenfri">Glutenfri</option>
<option value="vegansk">Vegansk</option>
</select>
//kode til dobble dropdown menu, af valg af fyld til din pizza//
<label for="valgAfFyld">Vælg fyld:</label style="float:right">
<label for="valgAfFyld">Vælg fyld:</label>
<select name="fyld" id="fyld">
<optgroup label="Kød">
<option value="Oksekød">Oksekød</option>
<option value="Grissekød">grissekød</option>
<option value="Vegetarkød">Vegetarkød</option>
<option value="Kattekød">Kattekød</option>
<option value="Grønsagdkød">Grønsagdkød</option>
<option value="Hestekød">Hestekød</option>
</optgroup>
<optgroup label="Salat">
<option value="Coleslaw">Coleslaw</option>
<option value="Iceberg">Iceberg</option>
<option value="rødløg">rødløg</option>
<option value="majs">majs</option>
</optgroup>
</select>
//kode til dropdown menu, af valg af ost til din pizza//
<label for="valgAfOst">Vælg ost:</label>
<select name="ost" id="ost">
<option value="Mild">Mild</option>
<option value="Ost med smag">Ost med smag</option>
<option value="Lagret ost">Lagret ost</option>
<option value="Gammel sur ost">Gammel sur ost</option>
<option value="feta">feta</option>
</select>
//knap til at betale/bestille din pizza//
<button onclick="minOrdre()">Betal</button>
Håber i nyder vores (eller det vil sige) JERES pizza og at i giver gode drikkepenge
//Variabler til at sikre valgt af indhold//
<script>
/* her deklareres mine
variabler
kan I
nok
se
*/
var Bund;
var Fyld;
var Ost;
// funktionerne vi skal bruge
function Bund() {
bund = prompt("hvilken type bund vil du have?", "normal");
}
function valgAfFyld() {
fyld = prompt("hvad fyld vil du have på din brødplade", "hestekød");
}
function valgAfOst() {
ost = prompt("hvad ost vil du have på din pizza", "gammel sur ost");
}
function minOrdre() {
alert("du har bestilt en pizze med " +bund+ " bund og " + fyld +" som fyld "+ "og med en " +ost);
}
</script>
<p>På denne side kan du finde oplysninger om vores pizza udvalg af fyld med mere</p>
</div>
</div>
</BODY>
</HTML>
