Hier sind die Slides und Übungen vom dritten Teil unseres Programmierkurses:
https://www.dropbox.com/s/o88kdxzda9pshkn/Javascript_1.zip?dl=0
Das Material vom erste und zweiten Teil finden Sie hier:
http://remy.supertext.ch/2015/01/der-supertext-programmier-kurs-html-basics/
http://remy.supertext.ch/2015/01/der-supertext-programmier-kurs-html-mit-css/
Für die Übung können Sie den Code von unten am einfachsten einfach in ein HTML File kopieren:
<!DOCTYPE html>
<html>
<head>
<title>Javascript 1</title>
<script>
function ChangeToYellow() {
var element = document.getElementById("MyClick");
element.style.backgroundColor = "yellow";
}
</script>
<style type="text/css">
.square {
width:200px;
height: 60px;
background-color: Green;
margin:10px;
padding:10px;
}
</style>
</head>
<body>
<h1>My First JavaScript</h1>
<div class="square" id="MyClick" onclick="ChangeToYellow();" >Klick auf mich</div>
</body>
</html>
Viel Spass. Und bei Problemen einfach fragen.