Advertisement
Guest User

jop hier

a guest
Jan 16th, 2018
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.11 KB | None | 0 0
  1. <!Doctype HTML>
  2.  
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <script src="https://code.jquery.com/jquery-1.11.2.min.js">//AUFGABE 1</script>
  7. <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script> <!--VALIDATION FÜR AUFGABE 4-->
  8.  
  9. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  10. <link rel="icon" href="favicon.ico" type="image/x-icon">
  11. <link rel="stylesheet"
  12. href="meme.css">
  13.  
  14. <!--<script src="js/jquery.validate.min.js">//VALIDATION FÜR AUFGABE 4
  15. </script>-->
  16.  
  17.  
  18. <title>
  19.  
  20. YOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
  21. </title>
  22. </head>
  23. <body>
  24. <div id="datum"></div><!--AUFGABE 2-->
  25. <script>
  26.  
  27. $(document).ready(function () {//AUFGABE 2
  28. $(".onoff").click(function () {//ON OFF für text über die h1 aufgabe 5
  29. $("#1").toggle(1000);
  30. });
  31.  
  32. var jetzt = new Date(); //DATUM UND UHRZEIT einbingung aufgabe 2
  33. $("#datum").html(jetzt)
  34.  
  35.  
  36. $(".moin").click(function () {//ON OFF für text über einen button aufgabe 5
  37. $("#1").toggle(2000);
  38. $("h1").css("background-color", "white");
  39. });
  40.  
  41. $("h1").click(function () {//farbhintergund der angelickten überschruft als "makiert setzten" aufgabe 3
  42. $(this).css("background-color", "red");
  43. });
  44.  
  45.  
  46.  
  47.  
  48.  
  49. $("#checkdasmal").click(function(){
  50. if ($("#formular").valid() == false){
  51. $("#email").val("");
  52. }
  53. });
  54.  
  55. });
  56.  
  57. $("button").click(function(){
  58.  
  59. $.getJSON("https://api.coindesk.com/v1/bpi/currentprice.json",
  60. function(obj){
  61. $("#bc").html(
  62. "KURS BC-"+ obj.bpi.EUR.code+" : "+obj.bpi.EUR.symbol+" "+obj.bpi.EUR.rate+ " "+obj.disclaimer);
  63.  
  64. });
  65. });
  66.  
  67. </script>
  68.  
  69.  
  70.  
  71. <h1>moin</h1>
  72. <input class="moin" type="button" value="Ein-Ausblender"/>
  73. <h1 class="onoff">ABSATZ EIN UND AUSBLENDEN</h1>
  74. <p id="1">TEST <br>
  75. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
  76. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,<br>
  77. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br>
  78. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br>
  79. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
  80. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,<br>
  81. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br>
  82. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  83.  
  84. </p>
  85.  
  86. <br>
  87. <br>
  88. <br>
  89. <p>
  90.  
  91. <form id="formular" action="_blank">
  92. <fieldset>
  93. <legend>Ein einfaches Email Formular</legend>
  94.  
  95.  
  96.  
  97.  
  98. <p>
  99. <label for="email">E-Mail<em>*</em></label>
  100. <input type="email" id="email" name="email" size="15"/>
  101. </p>
  102.  
  103. <p>
  104. <input type="submit" value="Abschicken"/>
  105. <input type="button" value="Validieren" id="checkdasmal"/>
  106.  
  107. </p>
  108.  
  109. </fieldset>
  110. </form>
  111.  
  112. </p>
  113.  
  114. <p>
  115. <button type="button" id="kurs">HOL DEN KUSR DU MÖWE</button>
  116. <br>
  117. Ausgabe: <span id="bc"></span>
  118. </p>
  119.  
  120. </body>
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement