Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!Doctype HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js">//AUFGABE 1</script>
- <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script> <!--VALIDATION FÜR AUFGABE 4-->
- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
- <link rel="icon" href="favicon.ico" type="image/x-icon">
- <link rel="stylesheet"
- href="meme.css">
- <!--<script src="js/jquery.validate.min.js">//VALIDATION FÜR AUFGABE 4
- </script>-->
- <title>
- YOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
- </title>
- </head>
- <body>
- <div id="datum"></div><!--AUFGABE 2-->
- <script>
- $(document).ready(function () {//AUFGABE 2
- $(".onoff").click(function () {//ON OFF für text über die h1 aufgabe 5
- $("#1").toggle(1000);
- });
- var jetzt = new Date(); //DATUM UND UHRZEIT einbingung aufgabe 2
- $("#datum").html(jetzt)
- $(".moin").click(function () {//ON OFF für text über einen button aufgabe 5
- $("#1").toggle(2000);
- $("h1").css("background-color", "white");
- });
- $("h1").click(function () {//farbhintergund der angelickten überschruft als "makiert setzten" aufgabe 3
- $(this).css("background-color", "red");
- });
- $("#checkdasmal").click(function(){
- if ($("#formular").valid() == false){
- $("#email").val("");
- }
- });
- });
- $("button").click(function(){
- $.getJSON("https://api.coindesk.com/v1/bpi/currentprice.json",
- function(obj){
- $("#bc").html(
- "KURS BC-"+ obj.bpi.EUR.code+" : "+obj.bpi.EUR.symbol+" "+obj.bpi.EUR.rate+ " "+obj.disclaimer);
- });
- });
- </script>
- <h1>moin</h1>
- <input class="moin" type="button" value="Ein-Ausblender"/>
- <h1 class="onoff">ABSATZ EIN UND AUSBLENDEN</h1>
- <p id="1">TEST <br>
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
- sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,<br>
- sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br>
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br>
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
- sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,<br>
- sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br>
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
- </p>
- <br>
- <br>
- <br>
- <p>
- <form id="formular" action="_blank">
- <fieldset>
- <legend>Ein einfaches Email Formular</legend>
- <p>
- <label for="email">E-Mail<em>*</em></label>
- <input type="email" id="email" name="email" size="15"/>
- </p>
- <p>
- <input type="submit" value="Abschicken"/>
- <input type="button" value="Validieren" id="checkdasmal"/>
- </p>
- </fieldset>
- </form>
- </p>
- <p>
- <button type="button" id="kurs">HOL DEN KUSR DU MÖWE</button>
- <br>
- Ausgabe: <span id="bc"></span>
- </p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement