JQuery
Version vom 24. Oktober 2018, 08:28 Uhr von Flinh1 (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „__FORCETOC__ == Standardaufbau == <nowiki> <script> jQuery(document).ready(function(){ →Hier der jQuery-Code: }); </script> </nowiki> [https://www.h…“)
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
| | |
