Ampelschaltung Teil 4 - Die Ampel

Ampelschaltung Teil 4 - Die Ampel


Sei kreativ. Bau dir die Ampel. Benutze dazu die Elemente die du in den Lektionen 1-3 gelernt hast. Stichworte: BackgroundColor, setTimer, onClick


Resource

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Ampelschaltung Teil 1 - HTML, CSS und JavaScript Basics

Bild
Überblick Die meisten Webseiten bestehen im Wesentlichen aus drei Bestandteilen:  HTML Tags, CSS Anweisungen und JavaScript Code  Sie alle sind Text basiert und werden von Browsern nach festen Regeln interpretiert, verarbeitet und dem User dargestellt. CSS Anweisungen und JavaScript Code werden in den HTML Code mittels HTML Tags eingebunden. Eine Webseite besteht also aus HTML Tags, CSS Style Anweisungen und JavaScript Programmcode. Dieser Kurs bietet einen ersten Einblick in diese Bestandteile mit besonderen Schwerpunkt auf die Programmierung mit JavaScript.  Die MiniProjekte 1-4 und das Template sollen dabei helfen das Gelernte zu festigen und sollten auch als kreative Anregung dienen. https://docs.google.com/presentation/d/e/2PACX-1vRr-MvxaWwQ0paYmcOAUxw7yQYAMgIh2VXn9WBPmA67o80S32ktibuS7ASXIfP1gpURLkSI8FvmVxSv/pub?start=true&loop=true&delayms=3000 Tags Einführung, HowTo, Getting startet, HTML, CSS, JavaScript, easy Version 1.0.01052018
Mehr anzeigen

HTML - jquery - mobile - Kontaktformular

Einfaches Kontaktformular. Einfaches Kontaktformular. Ohne viele Worte. <!DOCTYPE html> <html>     <head>     <title>jQuery Mobile</title>     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />     <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>     <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> </head> <body> <div data-role="page">     <div data-role="header">         <h1>Kontakt</h1>     </div><!-- /header -->     <div data-role="content">         <p>Schreib eine Mail</p> </br>         <p><a href="mailto:christof.kaller@gmail.com">christof.kaller@gmail.com</a></p>     </div><!-- /content -->     <di
Mehr anzeigen