De simpele basis van JavaScript
13-10-2011 12:48
Offline Stuur privëbericht
R-Mijnten
Skydiving!
Berichten: 1386

De simpele basis van JavaScript
Een klein en snel geschreven artikel over de simpele basis van Javascript.
Eigenlijk houd het heel weinig in, maar voor een onbekende in deze taal is het toch weer iets nieuws. En juist voor die mensen schrijf ik dit artikel!

Begin en eindtags
Javascript heeft net als elke andere taal een begin en eindtag.
De begin en eind tag van bijvoorbeeld php is:
Code | Selecteer Alles
minimaliseren
1
2
3
<?php
Hier de code
?>


In javascript is dat anders, daar gelden andere begin en eindtags:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<script type="text/javascript"> //Je geeft aan in welke taal het script gescreven is en dat het script hier begint 
<!-- 
//Hier het script! 
//--> 
</script> //Geeft het einde van het script aan


Zoals je ook in het bovenstaande stukje code kunt zien, is dat je commentaar kunt toevoegen aan het script. Dat kan op versschillende manieren. Kijk hieronder maar eens:
Code | Selecteer Alles
minimaliseren
1
2
3
4
//Net als bij PHP kun je hiermee commentaar geven over 1 regel 
/*Hiermee kun je dus 
commentaar geven over 
meerdere regels*/


Als je meer informatie wil over commentaar toevoegen kan je kijken naar een van mijn andere artikelen: “Commentaar aan je script toevoegen”.

De simpele kleine dingen in JavaScript
Als je tekst op het scherm wil laten zien doe je dat met het commando document.write
Dit lijkt een klein beetje op PHP:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<script type="text/javascript"> 
<!-- 
document.write('Welkom op CriminalsPoint!!'); // let vooral op de quotes 
//--> 
</script>


Net als in PHP kun je ook vars (container met inhoud) gebruiken:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
<script type="text/javascript"> 
<!-- 
var cp='CriminalsPoint'; // dit is de variabele 
document.write('Welkom op' + cp + !!!'); // net als bij PHP buiten de quotes 

//--> 
</script>

Bovenstaand stukje code geeft eigenlijk hetzelfde weer als het stukje daarboven!




Je kunt natuurlijk net als bij PHP ook arrays gebruiken.
Met javascript kun je ook sommen berekenen, een rekenmachine.

+ //optellen
- //aftrekken
* //vermenigvuldigen
/ is delen

Nu gaan we wat sommetjes berekenen:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript"> 
<!-- 
var a=5; 
var b=5; 
var c=a+b; 
var d=a-b; 
var e=a*b; 
var f=a/b; 

document.write(a+b); //uitkomst: 10 
document.write(c); //uitkomst: 10 
document.write(d); //uitkomst: 0 
document.write(e); //uitkomst: 25 
document.write(f); //uitkomst: 1 
//--> 
</script>


Dit was wel een beetje de basis van Javascript en als je er net mee begint hoop ik dat je het snapt.




Hieronder heb ik een mooie handige rekenmachine gevonden in JavaScript, misschien kan je hier nog wat leuks van maken en lekker veel van leren.
Succes !

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<Title>Optelmachine voor Li-Do</Title>
<script>
<!--
function addition(){
var x=parseInt(document.theForm.waarde1.value);
var y=parseInt(document.theForm.waarde2.value); 
if(!isNaN(y) && !isNaN(x)){
var z=x+y;
}
document.theForm.uitkomst.value = z;
}
//-->
</script>
</head>


<body>
<h1>Optelmachine in Javascript</h1>
<FORM name="theForm">
waarde 1: <input type="text" name="waarde1"><br><br>
waarde 2: <input type="text" name="waarde2"><br><br>
uitkomst: <input type="text" name="uitkomst"><br><br>
<input type="button" name="optellen" value="Tel op!" onClick="addition()">
<input type="reset" name="reset" value="Leeg vegen"><br><br>
</FORM>

</body>
</html>
Er werd nog geen reactie geplaatst.