Informatik: Javascript: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
Javascript ist eine Programiersprache, die deine HTML/CSS Seite noch mehr verbessern kann. <b>ACHTUNG!:Java hat nichts mit Javascript zu tun!</b> Es sollte eine einfache Version von Javascript(kurz Js) werden, aber Java ist viel komplizierter. | Javascript ist eine Programiersprache, die deine HTML/CSS Seite noch mehr verbessern kann. <b>ACHTUNG!:Java hat nichts mit Javascript zu tun!</b> Es sollte eine einfache Version von Javascript(kurz Js) werden, aber Java ist viel komplizierter. | ||
<h2>Der Anfang</h2> | <h2>Der Anfang</h2> | ||
Das einfachste in Javascript ist: HTML-Inhalt verändern. Dies funktioniert mit <script><documenmt.getElementById("demo").innerHTML="Hello Javscript!"</script>. Somit verändert sich der Text mit der ID <b>"demo"</b> zu <b>Hello Javascript!</b>. Dies kannst du aktivieren, indem du einen Button erstellst und den Befehl in den Button-Tag schreibst. Am Ende sieht der Code dann so aus: <script><button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button></script> . Aus dem Button steht mit diesen Befehle <b<"Click me!"</b>. | Das einfachste in Javascript ist: HTML-Inhalt verändern. Dies funktioniert mit <script><documenmt.getElementById("demo").innerHTML="Hello Javscript!"</script>. Somit verändert sich der Text mit der ID <b>"demo"</b> zu <b>Hello Javascript!</b>. Dies kannst du aktivieren, indem du einen Button erstellst und den Befehl in den Button-Tag schreibst. Am Ende sieht der Code dann so aus: <script> <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button> </script> . Aus dem Button steht mit diesen Befehle <b<"Click me!"</b>. | ||
<h3>window.alert</h3> | <h3>window.alert</h3> | ||
Mit <script>window.alert</script> oder auch nur <script>alert</script> kann man beim öffnen der Seite einen Kasten mit Text erscheinen lassen. In diesen kann man auch ein Eingabefeld einfügen. Mit diesem Code lässt du ein Textfeld erscheinen, sobald du den Button drückst, auf dem <b>"Try it"</b>steht. In dem Textfeld steht <b>"Hello! I am an alert box!"</b>. Der Code ist:<script><button onclick="myFunction()">Try it</button><script>function myFunction() { alert("Hello! I am an alert box!");}</script>. | Mit <script> window.alert </script> oder auch nur <script> alert </script> kann man beim öffnen der Seite einen Kasten mit Text erscheinen lassen. In diesen kann man auch ein Eingabefeld einfügen. Mit diesem Code lässt du ein Textfeld erscheinen, sobald du den Button drückst, auf dem <b>"Try it"</b>steht. In dem Textfeld steht <b>"Hello! I am an alert box!"</b>. Der Code ist: <script> <button onclick="myFunction()">Try it</button><script>function myFunction() { alert("Hello! I am an alert box!");} </script> . | ||
Version vom 11. Juni 2025, 14:04 Uhr
Javascript ist eine Programiersprache, die deine HTML/CSS Seite noch mehr verbessern kann. ACHTUNG!:Java hat nichts mit Javascript zu tun! Es sollte eine einfache Version von Javascript(kurz Js) werden, aber Java ist viel komplizierter.
Der Anfang
Das einfachste in Javascript ist: HTML-Inhalt verändern. Dies funktioniert mit <script><documenmt.getElementById("demo").innerHTML="Hello Javscript!"</script>. Somit verändert sich der Text mit der ID "demo" zu Hello Javascript!. Dies kannst du aktivieren, indem du einen Button erstellst und den Befehl in den Button-Tag schreibst. Am Ende sieht der Code dann so aus: <script> <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button> </script> . Aus dem Button steht mit diesen Befehle <b<"Click me!".
window.alert
Mit <script> window.alert </script> oder auch nur <script> alert </script> kann man beim öffnen der Seite einen Kasten mit Text erscheinen lassen. In diesen kann man auch ein Eingabefeld einfügen. Mit diesem Code lässt du ein Textfeld erscheinen, sobald du den Button drückst, auf dem "Try it"steht. In dem Textfeld steht "Hello! I am an alert box!". Der Code ist: <script> <button onclick="myFunction()">Try it</button><script>function myFunction() { alert("Hello! I am an alert box!");} </script> .