Home

De onderstaande code heb je hopelijk kunnen vinden. In het volgende hoofdstuk kun je dit stukje code als basis gebruiken. Zorg dat de script tag altijd in de header staat! Zorg er ook voor dat je in de browser de functie toets F12 indrukt. Dit geeft je een omgeving waarin je fouten uit je code kunt halen. Met de functie console.log kun je daar ook tussenberekeningen laten zien.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Jouw naam">
    <title>Opdracht x</title>
    <script type="text/javascript">
       // Druk in de browser de functietoets F12 in om de uitvoer van console.log te zien.
       console.log("Dit heb jij goed gedaan!"); 
    </script>
  <head>
  <body>
    <button onclick="javascript: alert('Dit heb jij goed gedaan!');">
       Druk hier
    </button>
  </body>
</html>

	Welkom bij de cursus javascript. In deze cursus ga je leren wat je allemaal kunt doen met deze programmeertaal. Dit is natuurlijk niet uitputtend. De basiselementen zijn voldoende om je grotere en complexere zaken te laten programmeren . Bekijk de video. Deze video biedt een basis voor de volgende hoofdstukken. In de cursus Javascript zal regelmatig verwezen worden naar de theorie op w3schools. De onderstaande verwijzingen naar delen van de website w3schools.com geven een goede introductie in javascript. Je kunt deze bronnen gebruiken naast en ter aanvulling van deze cursus.
Link	http://w3schools.com/js/js_howto.asp http://w3schools.com/js/js_intro.asp http://www.w3schools.com/js/js_whereto.asp
	Aan het einde van deze les weet je : Hoe je javascript in een html document plaatst. Hoe je met javascript in een html document kan schrijven. Hoe je met javascript een alertbox kan laten tonen met behulp van een knop.

Opdrachten	Als de bovenstaande video nog niet heb bekeken doe dat dan nu. Maak een opdracht waarin via een button op de knop een alertvenster wordt weergegeven met de tekst: 'Dit is mijn eerste javascriptopdracht'. Uitwerking Maak een opdracht waarin je automatisch een alertvenster weergeeft met ('Dit is mijn tweede javascriptopdracht'). Wat is het verschil tussen de eerste en de tweede javascriptopdracht? Uitwerking Deze opdracht is verstopt. Klik hier. De onderstaande code heb je hopelijk kunnen vinden. In het volgende hoofdstuk kun je dit stukje code als basis gebruiken. Zorg dat de script tag altijd in de header staat! Zorg er ook voor dat je in de browser de functie toets F12 indrukt. Dit geeft je een omgeving waarin je fouten uit je code kunt halen. Met de functie console.log kun je daar ook tussenberekeningen laten zien. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="author" content="Jouw naam"> <title>Opdracht x</title> <script type="text/javascript"> // Druk in de browser de functietoets F12 in om de uitvoer van console.log te zien. console.log("Dit heb jij goed gedaan!"); </script> <head> <body> <button onclick="javascript: alert('Dit heb jij goed gedaan!');"> Druk hier </button> </body> </html>

Basiselementen Javascript