Verständnis von HTML/CSS & JScript

K

kakulala

Mitglied
Hey Leute,
wie die Überschrift vielleicht schon sagt, kann ich mir (auch nach Internetrecherche) nicht wirklich was vorstellen zu dem ganzen....
Auf Github gibt es ja genügend Beispiele, die HTML verwenden & zwischendurch JS...aber wie hängt das alles genau zusammen. Hat da jmd vielleicht ein einfaches beispiel für nen Anfänger?
DANKE
 
F

fhoffmann

Top Contributor
HTML: 
<html>
    <head>
        <title>Rechner</title>
    </head>
    <body>
        <form>
            <input name="input" value="3 + 4"/>
            <input type="button" value="rechne" onclick="output.value=eval(input.value)" />
            <input name="output" />
        </form>
    </body>
</html>
Mit HTML erzeuge ich eine Seite (die ich mit CSS noch hübscher machen könnte).
Wenn auf der Seite "etwas passieren soll" (hier eine Berechnung), benutze ich dafür JavaScript (hier "output.value=eval(input.value)").
 
L

lordofdonuts

Aktives Mitglied
Hallo kakulala,

kurz formuliert, mit HTML baust du eine Seite auf, mit Java Script kannst du diese manipulieren.

Beispiele fuer Anfaenger finden sich hier:
https://www.w3schools.com/html/html_scripts.asp

Du kannst das per HTML im Browser vorhandene DOM manipulieren, indem du Elemente entfernst, dynamisch hinzufuegst, Attribute der Elemente aenderst, ... denn Java Script wird im Browser ausgefuehrt.
Ein weiterer wichtiger Punkt ist AJAX, was dir ermoeglicht, per Java Script asynchron Daten von extern zu holen (z.B. ueber eine Abfrage an einen Server) und diese Daten ins HTML laedt, ohne dass die Seite neu geladen werden muss.
Weiters wird Java Script fuer clientseitige Validierung der Eingabe verwendet, die vor dem Abschicken eines Formulars z.B. prueft, ob ein vom User eingegebenes Datum das richtige Format hat.

In der Praxis wird mittlerweile jQuery nativem Java Script vorgezogen:
https://jquery.com/

Ein paar Ebenen in der Komplexitaet tiefer gibt es dann Dinge wie Bootstrap, das dir gemeinsam mit CSS eine Website so hinbiegt, dass sie auf mobilen Geraeten optimiert angezeigt wird. Die Moeglichkeiten sind breit gefaechert.
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
M JavaScript/HTML/CSS Hilfe HTML / CSS 1
V externes CSS in html HTML / CSS 6
V Horizontales Scroll-HTML HTML / CSS 2
V Variablenname in meinem HTML-Objekt HTML / CSS 3
Avalon Löschen Button HTML HTML / CSS 39
RashAGhul Html/Css Placeholder positionierung ändern HTML / CSS 6
PhilipMJNE Hilfe bei HTML und CSS! HTML / CSS 12
PhilipMJNE CSS in HTML via Link einbinden PROBLEM ! HTML / CSS 22
VPChief HTML Bei bestimmter eingabe in textfeld neu HTML Seite öffnen HTML / CSS 6
B Bilder aus Server in HTML anzeigen HTML / CSS 5
B Zeit für Doppelklick messen (HTML/JS) HTML / CSS 3
M Javascript: HTML-Datei erstellen und auf Festplatte speichern HTML / CSS 8
M HTML-Code einer fremden Webseite auslesen - geht das mit Javascript HTML / CSS 19
U Html Funktion Java Funktion zuweisen HTML / CSS 2
D Daten von einer HTML Datei auf eine andere HTML Datei bekommen HTML / CSS 2
E HTML DOM HTML / CSS 1
A Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript) HTML / CSS 11
Dimax HTML bei button click Formular an php senden aber andere seite öffnnen HTML / CSS 23
Dimax Mehrere css Dateien in eine HTML Seite einbinden HTML / CSS 3
Dimax Variable vom Get Request in HTML abfangen HTML / CSS 9
A Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist HTML / CSS 0
D HTML- Formulare an den Server senden HTML / CSS 7
S Quiz mit HTML/PHP erstellen HTML / CSS 3
W Keylistener Applet in Html HTML / CSS 9
S HTML Datei per E-Mail versenden HTML / CSS 3
K Html Programmieroberfläche einbinden (java) HTML / CSS 1
_Andi84 Unfertige HTML Ersetzungsfunktion HTML / CSS 1
T [JS] Extrahiere werte aus HTML Tabelle (td) aber nur bestimmten Teil HTML / CSS 5
Pataraca mit HTML auf php zugreifen HTML / CSS 1
I zugehörige HTML bzw. PHP Datei in den Entwicklertools finden HTML / CSS 3
D Hilfe bei erster Html-Aufgabe (Rahmen) HTML / CSS 6
KaffeeFan HTML Text rotieren HTML / CSS 2
K How to create Html tables for java parser objects? HTML / CSS 2
EisKaffee HTML interner Link soll neues Fenster aufmachen HTML / CSS 2
H javascript - html Beispiel LQH, verwirklichung HTML / CSS 1
I Menü, Header, Content ausgliedern aus einer HTML Seite HTML / CSS 2
G HTMl Tabellen-Zelle zeilen oder Höhe begrenzen HTML / CSS 1
O HTML/CSS doppeltes DropDown Menu HTML / CSS 1
J jscript in php einfügen HTML / CSS 0

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben