JQuery
Version vom 15. August 2020, 20:55 Uhr von Flinh1 (Diskussion | Beiträge)
Inhaltsverzeichnis
Standardaufbau
<script> jQuery(document).ready(function(){ /* Hier der jQuery-Code */ }); </script>
Verknüpfung
Beispiel:
<!DOCTYPE html> <html lang="de"> <head> <title>jQuery Beispiel: einbinden und erster Befehl</title> <script src="https://code.jquery.com/jquery-latest.js"></script> <script src="scripts.js"></script> </head> <body> <h1>jQuery Beispiel: einbinden und erster Befehl</h1> </body> </html>
Berechnungen
Prozentrechnung
<!doctype html> <html> <head> <meta charset = "utf-8"> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <title>Mehrwertsteuer</title> <style type="text/css"> body {font-family: Arial;} fieldset { width: 300px; border: 3px solid black; } legend {font-weight: bold;} p.hidden{ display: none; } </style> <script> $( document ).ready(function() { console.log( "ready!" ); $( "#berechnen" ).click(function() { var brutto= $("#brutto").val(); console.log( brutto); var ergebnis = brutto/119*100; $("#ergebnis").html('HEIN: '+ergebnis).show(); $("#heinForm").hide(); return false; }); }); </script>
Links
| | |