Der Supertext-Programmier-Kurs: Javascript 1

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.




Ähnliche Beiträge


Leave a Reply

Your email address will not be published. Required fields are marked *



*