kilometers omgerekent in mijl

Status
Niet open voor verdere reacties.
U

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
ik heb een code gemaakt in html kit

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>
<script type="text/javascript"language="JavaScript">
<!--
var kilometer;//het aantal kilometers
function omrekenen 
{
mijl=/1,6 kilometers
document.write("het door uw ingevulde aantal kilometers is:",mijl);
{
//-->
</script>
</head>
<body>
<script type="text/javascript"language="JavaScript">
<!--
kilometer=prompt("geef hier het aantal kilometers","");
</body>
</html>


Dit blijkt niet te werken
krijg steeds een foutmelding van java
teken zoveel regel zoveel klopt niet

wie kan mij helpen met dit probleem?

Alvast bedankt
 
Laatst bewerkt door een moderator:
Zo te zien heb je nog geen programmeer ervaring maar toch goed probeert. Dit is een mooie opgave (niet te complex) om mee te beginnen.

Wat moet er anders om het werkend te krijgen:
1) Achter de functie naam moeten altijd () staan ook als deze geen parameters heeft. Dus regel 9 wordt: function omrekenen()
2) in javascript moet in een getal voor een komma een punt gebruiken. Dus 1,6 wordt 1.6
3) regel 11 moet worden: var mijl = kilometer / 1.6;
4) de functie body moet tussen { en }, dus regel 13 moet een } zijn ipv {
5) je hebt de functie omrekenen gemaakt maar deze wordt nergens aangeroepen
6) je kunt kilometers beter als parameter meegeven bij de functie aanroep dan deze als globale variabele te gebruiken
7) bij regel 21 moeten nog 2 regels toegevoegd worden namelijk:
//-->
</script>

Hier is de aangepaste code:
[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>

<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl);
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>
</body>
</html>[/JS]
 
Laatst bewerkt:
peter200 zei:
Zo te zien heb je nog geen programmeer ervaring maar toch goed probeert. Dit is een mooie opgave (niet te complex) om mee te beginnen.

Wat moet er anders om het werkend te krijgen:
1) Achter de functie naam moeten altijd () staan ook als deze geen parameters heeft. Dus regel 9 wordt: function omrekenen()
2) in javascript moet in een getal voor een komma een punt gebruiken. Dus 1,6 wordt 1.6
3) regel 11 moet worden: var mijl = kilometer / 1.6;
4) de functie body moet tussen { en }, dus regel 13 moet een } zijn ipv {
5) je hebt de functie omrekenen gemaakt maar deze wordt nergens aangeroepen
6) je kunt kilometers beter als parameter meegeven bij de functie aanroep dan deze als globale variabele te gebruiken
7) bij regel 21 moeten nog 2 regels toegevoegd worden namelijk:
//-->
</script>

Hier is de aangepaste code:
[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>

<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl);
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>
</body>
</html>[/JS]
Klik om te vergroten...

Hartelijk bedankt voor uw duidelijke uitleg
ik zal hier en daar nog dingetjes aanpassen die ik anders wil,

u heeft gelijk javascript is nieuw voor mij
heb net de basis van html onder de knie
javascript lijkt mij een hele boeiende computer taal maar best pittig
ik ben ook niet zo'n held in rekenen en kilometer mijlen noem maar op
maar wie niet waagd wie niet wint

dank u!!
 
Dat gaat je wel lukken om javascript te leren.
Ik heb de opbouw van de code gelijk gelaten zodat je gemakkelijk kunt zien wat er fout was.

Het is goed om te beginnen met iets wat werkt en dit stap voor stap aan te passen.
 
peter200 zei:
Dat gaat je wel lukken om javascript te leren.
Ik heb de opbouw van de code gelijk gelaten zodat je gemakkelijk kunt zien wat er fout was.

Het is goed om te beginnen met iets wat werkt en dit stap voor stap aan te passen.
Klik om te vergroten...

als ik deze function wil toevoegen krijg ik een foutmelding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl);
}
function sluitVenster
{
window.colse();
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten
//-->
</script>
</body>
</html>


onder het prompt/ pop up venstertje krijg ik de melding teken 1 regel 14 klopt niet?
in de body
regel 25 teken 6 klopt niet
 
uaejeroen zei:
als ik deze function wil toevoegen krijg ik een foutmelding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl);
}
function sluitVenster
{
window.colse();
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten
//-->
</script>
</body>
</html>


onder het prompt/ pop up venstertje krijg ik de melding teken 1 regel 14 klopt niet?
in de body
regel 25 teken 6 klopt niet

veder heb ik nog een vraag,
Hoe kan ik het prompt venster omzetten naar een window.open ?
Klik om te vergroten...
 
Er zitten 2 fouten in:
[JS]function sluitVenster
{
window.colse();
}[/JS]
moet namelijk:
[JS]function sluitVenster()
{
window.close();
}[/JS]

Op je andere vraag kom ik later op terug.
 
peter200 zei:
Er zitten 2 fouten in:
[JS]function sluitVenster
{
window.colse();
}[/JS]
moet namelijk:
[JS]function sluitVenster()
{
window.close();
}[/JS]

Op je andere vraag kom ik later op terug.
Klik om te vergroten...

dank u, maar het lukt mij nog steeds niet om de sluit tekst in het venstertje te krijgen..
wel gewoon op de pagina
maar dan staat er klik hier om het venster te sluiten 16 kilometer is 10,
er komt gek genoeg achter 10 geen mijl
 
We zullen het stap voor stap gaan bekijken. Om het te leren is het goed dat je het zelf probreert te maken. Maar het is ook belangrijk dat naderhand kijkt en snapt wat er fout was.

Je had "Klik op enz." binnen het script blok gezet.

"er komt gek genoeg achter 10 geen mijl" Dat is eigenlijk niet zo gek, want de computer doet precies dat wat jij programmeert. Je had in je javascript code niet staan dat er mijl achter moest staan.


[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl, " mijl");
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>

Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten
</body>
</html>
[/JS]

"maar het lukt mij nog steeds niet om de sluit tekst in het venstertje te krijgen." welk venstertje bedoel je hier? Het prompt dialoog?
 
peter200 zei:
We zullen het stap voor stap gaan bekijken. Om het te leren is het goed dat je het zelf probreert te maken. Maar het is ook belangrijk dat naderhand kijkt en snapt wat er fout was.

Je had "Klik op enz." binnen het script blok gezet.

"er komt gek genoeg achter 10 geen mijl" Dat is eigenlijk niet zo gek, want de computer doet precies dat wat jij programmeert. Je had in je javascript code niet staan dat er mijl achter moest staan.


[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
document.write("het door uw ingevulde aantal kilometers is: ", mijl, " mijl");
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>

Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten
</body>
</html>
[/JS]

"maar het lukt mij nog steeds niet om de sluit tekst in het venstertje te krijgen." welk venstertje bedoel je hier? Het prompt dialoog?
Klik om te vergroten...



srry dat ik u lastig val met deze vragen

het moet een popup venster worden
ik moet de kilometers invullen en dat moet er een popupje verschijnen
ik wil u niet tot last zijn
 
"ik wil u niet tot last zijn" Dat is geen probleem.

Je kunt het resultaat ook in een alertbox (messagebox) laten zien.

[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
alert('Het door uw ingevulde aantal kilometers is: ' + mijl + ' mijl');
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body onload="">
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>

<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
</body>
</html>
[/JS]

Of met een popup window met 2 html bestanden:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>omrekenen</title>
	</head>
	<body>

		<a href="#" onclick="javascript:window.open('km_convert.htm','Titel','width=200,height=100,scrollbars=no,toolbar=no,location=no'); return false;">Kilometers in mijlen omzetten</a>
	</body>
</html>

Popup window moet de naam hebben: km_convert.htm en in de zelfde map staan.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>omrekenen</title>
		<script type="text/javascript" language="JavaScript">
		<!--//
		function omrekenen(kilometers)
		{
			var mijl = kilometers / 1.6;
			document.write("het door uw ingevulde aantal kilometers is: ", mijl, " mijl");
		}

		function sluitVenster()
		{
			window.close();
		}
		//-->
		</script>
	</head>
	<body onload="">
		<script type="text/javascript" language="JavaScript">
		<!--//
			var kilometers = prompt("geef hier het aantal kilometers", "");
			omrekenen(kilometers);
		//-->
		</script>

		<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
	</body>
</html>

Bedoel je zo iets?
 
peter200 zei:
"ik wil u niet tot last zijn" Dat is geen probleem.

Je kunt het resultaat ook in een alertbox (messagebox) laten zien.

[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
alert('Het door uw ingevulde aantal kilometers is: ' + mijl + ' mijl');
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body onload="">
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers);
//-->
</script>

<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
</body>
</html>
[/JS]

Of met een popup window met 2 html bestanden:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>omrekenen</title>
	</head>
	<body>

		<a href="#" onclick="javascript:window.open('km_convert.htm','Titel','width=200,height=100,scrollbars=no,toolbar=no,location=no'); return false;">Kilometers in mijlen omzetten</a>
	</body>
</html>

Popup window moet de naam hebben: km_convert.htm en in de zelfde map staan.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>omrekenen</title>
		<script type="text/javascript" language="JavaScript">
		<!--//
		function omrekenen(kilometers)
		{
			var mijl = kilometers / 1.6;
			document.write("het door uw ingevulde aantal kilometers is: ", mijl, " mijl");
		}

		function sluitVenster()
		{
			window.close();
		}
		//-->
		</script>
	</head>
	<body onload="">
		<script type="text/javascript" language="JavaScript">
		<!--//
			var kilometers = prompt("geef hier het aantal kilometers", "");
			omrekenen(kilometers);
		//-->
		</script>

		<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
	</body>
</html>

Bedoel je zo iets?
Klik om te vergroten...

echt helemaal toppie
hartstikke bedankt
 
uaejeroen zei:
echt helemaal toppie
hartstikke bedankt
Klik om te vergroten...

ik heb nog 1 vraagje
hoe kan ik het <br> attribuut toevoegen onder het script
ik wil graag "sluit hier het venster"onderin het popup en niet in de lege pagina

ik zie dat u het heeft toegevoegd maar als ik die tekst eronder plak geeft die een fout melding

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen(kilometers)
{
var mijl = kilometers / 1.6;
alert('Het door uw ingevulde aantal kilometers is: ' + mijl + ' mijl');
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body onload="">
<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers"<br>");
<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
//-->
</script>


</body>
</html>
 
Ik zie dat het verschil tussen javascript en html nog niet helemaal duidelijk is, maar het is goed dat je dingen aan het uitproberen bent, want daar kan ik aan zien wat er niet duidelijk is.

Het probleem in de code hieronder is dat je html tussen de script tags heb staat en html snapt de javascript interpreter niet en geeft een fout melding.

In de functie aanroep kun je niet zo "<br>" meegeven. De variabele kilometers bevat hier, nadat de gebruiker het aantal kilometers ingevoerd heeft de ingevoerde waarde als string (tekst) en het heeft dus geen zin om hier <br> (opmaak) aan toe te voegen. Overigens om strings aan elkaar te plakken kun je gewoon + gebruiken.

Ook regel 5 is html en geen javascript. Dit mag dus niet binnen de javascript tags staan.

[JS]<script type="text/javascript" language="JavaScript">
<!--//
var kilometers = prompt("geef hier het aantal kilometers", "");
omrekenen(kilometers"<br>");
<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
//-->
</script>
[/JS]


Ik weet niet met welke editor jij je code invoert, maar het is handig als je een editor gebruikt die syntax kleuren gebruikt, dan kun vaak al aan de kleur van de tekst zien dat er iets niet goed is. Je kunt bijv. Notepad++ ervoor gebruiken.

Omdat je net met javascript begonnen ben wil ik niet te grote stappen maken en het script nog niet te ingewikkeld maken. Javascript converteert getallen en strings zelf maar het is beter om het zelf af te dwingen. Maar dat komt later nog.

Probeer en kijk maar eens naar onderstaande code:
[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>omrekenen</title>
<script type="text/javascript" language="JavaScript">
<!--//
function omrekenen()
{
var kilometers = prompt("geef hier het aantal kilometers", "");
var mijl = kilometers / 1.6;
alert('Het door uw ingevulde aantal kilometers is: ' + mijl + ' mijl');
}

function sluitVenster()
{
window.close();
}
//-->
</script>
</head>
<body onload="omrekenen();">
<p>Klik op <a href="javascript:sluitVenster()">hier</a> om het venster te sluiten</p>
</body>
</html>
[/JS]

De functie aanroep die achter onload staat wordt pas aangeroepen als het hele html document geladen is.
 
goeidag allemaal

De kilometer is afgerond ik ben erg blij met jullie hulp!!!!!!

Nu heb ik een andere vraag?
Een javascript die op de statusbalk bij het laden een welkomsboodschap verschijnt
en een tabel waar u kunt kiezen, u lievelingskleur
uw lievelings dier
u lievelingseten
en dan klik hier
er moet een mogelijkheid zijn om op een cell op iedere regel te klikken
als de gebruiker op hier klik komt er op een leuke manier de keuze wordt gepressenteerd
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan