Praktikum 1/2 und gulp.js

code/exercise03/app/css/mobile.css

@@ -0,0 +1,6 @@
+
+    h2 small{
+    color: lightgray;
+    font-size: small;
+    }
+

code/exercise03/app/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>New Project</title>
+    <link rel="icon" href="img/ohm.ico">
+    <link rel="stylesheet" href="css/mobile.css">
+ 
+</head>
+<body>
+    <h2>
+        New Project
+        <small>Ein Demoprojekt</small>
+    </h2>
+    <script src="lib/es6-shim.min.js"></script>
+    <script src="lib/jquery-2.2.4.min.js"></script>
+    <script src="scripts/landung.js"></script>
+</body>
+</html>

code/exercise03/app/sass/style.scss

@@ -0,0 +1,5 @@
+$bgColor: #ff0000;
+
+body{
+    background:$bgColor;
+}

code/exercise03/app/scripts/app.js

@@ -0,0 +1 @@
+alert("Hello World!");

code/exercise03/app/scripts/landung.js

@@ -0,0 +1,61 @@
+
+function simulation() {
+
+    function switchOn() {
+        schub = true;
+        update();
+    }
+
+    function switchOff() {
+        schub = false;
+        update();
+    }
+
+    function a() {
+        if (schub == false || fuel <= 0)
+            return -1.63;
+        else {
+            fuel = fuel - 100;
+            return -1.63 + 12;
+        }
+    }
+
+    function setStartValues() {
+        var v = -1000;
+        var s = 50000;
+        var fuel = 10000;
+        var schub = false;
+    }
+    function update() {
+        v = v + a();
+        s = s + v;
+        if (s <= 0) {
+            s = 0;
+            gameOver();
+        }
+        $("#height").html("Höhe: " + s + "m");
+        $("#speed").html("Geschwindigkeit: " + v + "m/s");
+        $("#fuel").html("Treibstoffvorrat: " + fuel + "l");
+    }
+
+    function gameOver() {
+        if (v > -10)
+            alert("Mondlandung geglückt!!!");
+        else
+            alert("Mondlandung gescheitert ...");
+        setStartValues();
+    }
+
+    $("body").append("<div id='height'>Höhe: </div>");
+    $("body").append("<div id='speed'>Geschwindigkeit: </div>");
+    $("body").append("<div id='fuel'>Treibstoffvorrat: </div>");
+
+    $("body").append("<button id='energy'>Triebwerk an</button>");
+    $("body").append("<button id='no-energy'>Triebwerk aus</button>");
+
+    $("#energy").click(switchOn);
+    $("#no-energy").click(switchOff);
+    setStartValues();
+}
+
+$(document).ready(simulation);