Editie 184 - HTML-cursus

Artikel geplaatst door OWN 22 mei 2010

330 bezichtigingen

https://gtagames.nl/blogs/entry/4674-editie-184-html-cursus/

Volgers 0

Hoeveel procent heb je GTA Vice City uitgespeelt?
91 leden hebben gestemd

1. Hoeveel procent heb je GTA Vice City uitgespeelt?
- 10%
  
  5
- 20%
  
  6
- 30%
  
  1
- 40%
  
  2
- 50%
  
  11
- 60%
  
  6
- 70%
  
  4
- 80%
  
  7
- 90%
  
  40
- 100%
  
  0

This poll is closed to new votes

Deze rubriek is geschreven door Kloep!

Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.

In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

Welkom bij les nummer 23. CSS is vorige week afgerond. De eerste basiscodes zijn verteld en de codes zijn uitgelegd. Nu is het aan jou de taak om hiermee wat te gaan spelen. Ik kan hier wel alles gaan voorkauwen, maar dan leer je het nooit zelf te doen. Mocht je nog vragen hebben, ben ik natuurlijk altijd per PB beschikbaar.

If en Else

Het lijkt me handig als we deze week eens kijken naar IF en ELSE. Het is niet moeilijk te gebruiken, en we zijn ze al vaker tegen gekomen. Hieronder zie je een code:

<script type="text/javascript">
var getal = prompt("Kies een getal tussen de 0 en 100. ","");
if (getal == 85) {
	alert("Je hebt het juiste getal ingevuld!")
}
else {
	alert("Je hebt niet het juiste getal ingevuld!")
};
</script>

Hiermee krijg je een pop-up scherm met de vraag: "Kies een getal tussen de 0 en 100.".

Indien je dit goed invoert, krijg je deze tekst te zien: "Je hebt het juiste getal ingevuld!"

Indien je dit niet goed invoert, krijg je deze tekst te zien: "Je hebt niet het juiste getal ingevuld!"

Op deze manier kun je natuurlijk vele verschillende vragen stellen. Probeer maar eens wat uit, en kijk hoe het werkt!