Klick hier

body { width: 100%; Height: 100%; } #main_body { width: 400px; position: absolute; }​ var textCounter = 2; var stundenFreizeit = 0; var stundenEinsatz = 0; function changeText() { var textElement = document.getElementById("myspan"); //alert(textElement); var value = $("#eingabefeldWert").val(); if (value > 0 && textCounter == 19) { // save value to variable stundenFreizeit = value; } else if (textCounter == 19 && value == "") { textCounter = textCounter - 1; } // Eingabefeld löschen $("#eingabefeldWert").val(''); if (value > 0 && textCounter == 21) { // save value to variable stundenEinsatz = value; } else if (textCounter == 21 && value == "") { textCounter = textCounter - 1; } // Eingabefeld löschen $("#eingabefeldWert").val(''); if (textCounter == 1) { textCounter++; textElement.innerHTML = "Klick hier um die Flüchtlingskrise zu beenden."; } else if (textCounter == 2) { textCounter++; textElement.innerHTML = "Besten Dank für dein Engagement, die Flüchtlingskrise ist beendet."; } else if (textCounter == 3) { textCounter++; textElement.innerHTML = "War doch ein Klacks oder? (Das sollte mal jemand den Politikern erzählen …)"; } else if (textCounter == 4) { textCounter++; textElement.innerHTML = "Du kannst jetzt gehen"; } else if (textCounter == 5) { textCounter++; textElement.innerHTML = "Wirklich!"; } else if (textCounter == 6) { textCounter++; textElement.innerHTML = "Du hast deinen Teil beigetragen"; } else if (textCounter == 7) { textCounter++; textElement.innerHTML = "Du bist ein guter Mensch"; } else if (textCounter == 8) { textCounter++; textElement.innerHTML = "Auf Wiedersehen"; } else if (textCounter == 9) { textCounter++; textElement.innerHTML = "Du musst nicht weiterklicken …"; } else if (textCounter == 10) { textCounter++; textElement.innerHTML = "Wirklich nicht"; } else if (textCounter == 11) { textCounter++; textElement.innerHTML = "Okay, okay, du hast uns erwischt"; } else if (textCounter == 12) { textCounter++; textElement.innerHTML = "Es war alles eine Lüge"; } else if (textCounter == 13) { textCounter++; textElement.innerHTML = "Aber du würdest dich ja doch nicht von deinem Computer oder deinem Smartphone wegbewegen, um wirklich etwas für Flüchtlinge zu tun …"; } else if (textCounter == 14) { textCounter++; textElement.innerHTML = "Oder doch?"; } else if (textCounter == 15) { textCounter++; textElement.innerHTML = "Oh, also tatsächlich ein guter Mensch"; } else if (textCounter == 16) { textCounter++; textElement.innerHTML = "Ein wannabe-Gandhi"; } else if (textCounter == 17) { textCounter++; textElement.innerHTML = "Anwärter auf den nächsten Friedensnobelpreis"; } else if (textCounter == 18) { textCounter++; textElement.innerHTML = "Na dann lass mich dich mal fragen: wie viele Stunden verbringst du jede Woche mit Videospielen, vorm Fernseher oder an deinem Smartphone?"; $("#eingabefeld").css("visibility", "visible"); } else if (textCounter == 19) { $("#eingabefeld").css("visibility", "hidden"); textCounter++; textElement.innerHTML = "Na dann ist es ja höchste Zeit, dass du mal wieder unter die Leute kommst!"; } else if (textCounter == 20) { textCounter++; textElement.innerHTML = "Und wie viele Stunden davon wärst du bereit einzutauschen um Flüchtlingen zu helfen?"; $("#eingabefeld").css("visibility", "visible"); } else if (textCounter == 21) { textCounter++; textElement.innerHTML = "Bei dir im Aargau gibt’s nämlich tatsächlich einige Flüchtlinge, die froh wären um ein bisschen Gesellschaft und Hilfe beim Deutschlernen …"; $("#eingabefeld").css("visibility", "hidden"); } else if (textCounter == 22) { textCounter++; textElement.innerHTML = "Richtig gelesen, Flüchtlinge direkt vor deiner Haustüre, gar nicht weit weg"; } else if (textCounter == 23) { textCounter++; textElement.innerHTML = "Deine Chance allen zu zeigen, was für ein guter Mensch du wirklich bist"; } else if (textCounter == 24) { textCounter++; textElement.innerHTML = "Der erste Schritt auf dem Weg zu deinem Friedensnobelpreis"; } else if (textCounter == 25) { textCounter++; textElement.innerHTML = "Wobei … deine wertvolle Freizeit …"; } else if (textCounter == 26) { textCounter++; textElement.innerHTML = "Dein Facebook-Konto, dein Twitter Account, Snapchat, die nächste Staffel vom Bachelor, das braucht eben alles auch seine Zeit …"; } else if (textCounter == 27) { textCounter++; textElement.innerHTML = "Und all die lustigen Katzenvideos …"; } else if (textCounter == 28) { textCounter++; textElement.innerHTML = "Die sind echt lustig!"; } else if (textCounter == 29) { textCounter++; textElement.innerHTML = "Und das nächste Video ist nur ein paar Klicks entfernt …"; } else if (textCounter == 30) { textCounter++; textElement.innerHTML = "Oh wow, blosser Text auf Bildschirm gewinnt gegen Katzenvideo - schnell, das musst du 20Minuten erzählen!"; } else if (textCounter == 31) { textCounter++; textElement.innerHTML = "Nein?"; } else if (textCounter == 32) { textCounter++; textElement.innerHTML = "Du bist ja wirklich aus hartem Holz geschnitzt"; } else if (textCounter == 33) { textCounter++; if (stundenEinsatz > 0) { textElement.innerHTML = stundenEinsatz + " Stunden pro Woche hast du gesagt würdest du investieren. Hier also der ultimative Gutmensch-Test:"; } else { textElement.innerHTML = "Wenn du trotzdem etwas tun möchtest, ist hier der ultimative Gutmensch-Test:"; } $("#buttonDiv").css("visibility", "visible"); } } // bind enter key to input field $( document ).ready(function() { $("#eingabefeldWert").keyup(function( event ){ var code = event.which; if (code==13) event.preventDefault(); if (code==32||code==13||code==188||code==186){ changeText(); }}); $(function(){ var windowHeight = $(window).height(); var windowWidth = $(window).width(); var main = $("#main_body"); $("#main_body").css({ top: ((windowHeight / 2) - (main.height() / 2)) + "px", left:((windowWidth / 2) - (main.width() / 2)) + "px" }); }); }); Klick hier um die Flüchtlingskrise zu beenden.

Meine Zeit den Flüchtlingen schenken