probleem met javascriptje

Status
Niet open voor verdere reacties.
dirkandries

dirkandries

Gebruiker
Lid geworden
8 jul 2008
Berichten
190
ik moet 2 javascriptjes maken
1 : een nummer trek systeem met een knop trek je nummer! daar onder een veld met het laatst getrokken nummer

daar onder een knop met volgende klant ! met daar onder een tekst vel met dit nummer is aan de beurt

2:
een parkeer garage systeem met:
knoppen auto naar binnen, auto eruit, en een tekst veld met het aantal auto's .

ook moet er een vakje zijn waar je kan invullen hoeveel auto's er in kunnen , moet er een popup komen als je probeer een auto er af te halen als er geen auto's zijn en een popup als de garage vol zit.


dit is wat ik na een middag proberen al heb
[JS]function showAlert() {
var nummer=0;
nummer + 1 (form.nummer.value)
alert('nummer'+ nummer +'is aan de beurt');
}[/JS]

[XML] <form>
<input type="button" value="Trek je nummer!" onClick="(form.nummer.value)">
<input type="button" value="volgende klant!" onClick="showAlert();">
<input type "number" value="uitkomst" name="ans" size=9>

</form>[/XML]

dit is natuurlijk nog niet zo veel maar ik ben hier ook niet zo goed in mijn tijd zit hem dus ook het meest in het begrijpen maar ik kom er nu echt niet meer uit ik hoop dat iemand me kan helpen
 
Het nummer trek systeem, misschien helpt dit je wat verder ;)

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var aandebeurt = 1;
var klanten = 0;
function VolgendeKlant() 
{
	//Als alle klanten zijn geweest (aandebeurt = groter dan de hoeveelheid klanten),
	//een alert laten zien dat alle klanten geweest zijn.
	if (aandebeurt > klanten) alert("Alle klanten zijn geweest!");
	else
	{
	//Anders laten weten welke klant aan de beurt is,
	alert("Klant " + aandebeurt + " is aan de beurt!");
	//En het text-vak op de pagina updaten.
	document.getElementById("aandebeurt").value = aandebeurt;
	//De gene die aan de beurt is ophogen.
	aandebeurt++;
	}
}

function TrekNummer()
{
	//Aantal klanten ophogen.
	klanten++;
	//Het text-veld op de pagina goedzetten.
	document.getElementById("klantnummer").value = klanten;
	//Laten weten wat het nummer is aan de klant.
	alert("Uw nummer is: " + klanten);
}
</script>
</head>

<body style="background-color:#9C6">

<form>
  <input type="button" value="Trek je nummer!" onclick="TrekNummer()">
  <input type="button" value="volgende klant!" onclick="VolgendeKlant()">
  <br />
  <br />
  <!-- Tekst veld van het klant-nummer -->
  Uw klant-nummer: <input type="text" id="klantnummer" value="0" size="3" />
  <br />
  <!-- Tekst veld van de gene die aan de beurt is -->
  Klant-nummer aan de beurt: <input type="text" id="aandebeurt" value="0" size="3" />
</form>

</body>
</html>
 
heel erg bedankt ik heb alleen nog 1 vraagje heb nu dit voor dat 2de systeem het laat niet zien hoeveel auto's er in gegarage staan en hoe kan ik hier nog een vakje bij zetten waar door is $garage kan veranderen



[JS]var $garage = 12; //plekken in de garage
var $aantalautos = 0;
function addCar(){
if($aantalautos < $garage)
$aantalautos++;
else
alert('De garage zit vol er kunnen geen autos in');
}

function deleteCar(){

if($aantalautos != 0)
$aantalautos--;
else
alert('De garage is leeg er kunnen geen autos uit');
}
document.getElementById("aantalautos").value = aantalautos; [/JS]

[XML]<form>
<button type="button" onclick="addCar()">auto naar binnen</button> <br>
<button type="button" onclick="deleteCar()">auto eruit</button>
aantal auto's: <input type="text" id="aantalautos" value="0" size="3" />
</form>[/XML]
 
Probeer deze eens, was er net al mee bezig :o

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var autos = 0;
var plekken = 10;

function AutoErbijEraf(erbij)
{
	if (erbij) 
	{
		if (plekken > autos) autos++;
		else alert("Er zijn te weinig plekken!");
	}
	else 
	{
		if (autos == 0) alert("Er zitten geen auto's meer in de garage!");
		else autos--;
	}
	document.getElementById("aantalauto").value = autos;
}

function HoeveelErinMogen()
{
	var hoeveel = document.getElementById("aantalerinmogen").value;
	if (hoeveel < 1) alert("In de garage is altijd 1 plek, niet minder.");
	else plekken = hoeveel;
}
</script>
</head>

<body style="background-color:#9F3; text-align:center">
<br />
<br />
<br />

<input type="button" value="Auto erin" onclick="AutoErbijEraf(true)" />
<input type="button" value="Auto eruit" onclick="AutoErbijEraf(false)" />
<br />
Aantal auto's die erin zitten:<input type="text" id="aantalauto" value="0" size="3" />
<br />
Aantal auto's die erin mogen:<input type="text" id="aantalerinmogen" value="0" size="3" />
<input type="button" value="Update" onclick="HoeveelErinMogen()" />


</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan