Was kann man mit JavaScript anfangen?

5 Antworten

09.05.2022, 18:32

Nein, Websites macht man mit JS i der Regel nicht. Es ist eine Ergänzung zur mehr oder wenig fertig programmierten Website.

Normalerweise ist es ja so, dass man mit html und CSS eine Seite gestaltet. Die Inhalte schreibt man dann entweder direkt ins html rein oder man benutzt php, um u.a. dynamische Inhalte zu schreiben.

So oder so: Immer wenn sich auf der aktuell geöffneten Seite was verändern soll, muss man sie neu laden. Indem man zB auf einen Link klickt.

Mit Javascript hast du die Möglichkeit, Inhalte auf einer Seite zu verändern, ohne sie neu laden zu müssen. Das ist natürlich sehr einfach und unvollständig ausgedrückt.

Ein Beispiel, was du immer wieder antriffst, sind diese Ich bin kein Roboter-Dinger. Oder auch, wenn sich sonst was veränder auf der Website. Beispielsweise Animationen oder so.

BeamerBen

12.05.2022, 19:29

Hast du die letzten 10 Jahre irgendwo fernab von der Zivilisation verbracht?

Lezurex

12.05.2022, 19:31

@BeamerBen

JSX & Co, scheint noch nicht so ganz bei jedem angekommen zu sein...

siliciumcarbid2

12.05.2022, 19:45

@Lezurex

Wer lesen kann... Dumme Kommentare schreiben kann jeder.

BeamerBen

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren

12.05.2022, 19:40

JavaScript ist ursprünglich eine Script Sprache die aus dem Web geboren wurde.

Ursprünglich war das Web ziemlich statisch, quasi alle Logik passierte auf dem Server der dann ein angepasstes Dokument zum anzeigen an den Browser zurücksendete. Natürlich ist das nicht optimal, manche Logik möchte man direkt im Browser ausführen, sagen wir z.B. mal einen Text den man aufklappen kann. Oder einen Countdown einblenden wie lange man einen Kommentar in dem man schreibt, dass jemand 10 Jahre geschlafen hat bearbeiten kann.

Mittlerweile ist JavaScript aber eine vollwertige Programmiersprache die man auch in einem Web Backend nutzen kann oder mit der man - das dürfte vielleicht manche überraschen - auch komplette Anwendungen schreiben kann *ohne* überhaupt selber HTML / CSS zu schreiben.

Woher ich das weiß:Berufserfahrung – Software Entwickler / Devops

Erzesel

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren

09.05.2022, 18:23

Indem man ein gutes Tutorial durcharbeitet und einfach loslegt.

Durch probieren lernt man am besten.

Hedhhdgtf

11.05.2022, 16:45

Programmieren, und eigentlich in allen bereichen.
Zum beispiel Gibst du deiner website eine Logik sonst macht sie nichts ausser mit Html Text anzeigen und wegen css schön auszusehen.

Kannst aber auch mit JavaScript Spiele programmieren, Desktop apps oder Smartphone apps.

HUMILEIN

09.05.2022, 18:11

Internetseiten etc. pp.

Ähnliche Beiträge

Mit Javascript anfangen ohne wirkliche Programmiererfahrung?

Kann ich ohne große Programmierkenntnisse direkt mit JavaScript programmieren anfangen und nebenbei CSS auch lernen?

Ich habe nur etwas Erfahrung in C# aber mehr nicht.

...zum Beitrag

Gästebuch in Javascript?

Moin,

wie realisiere ich in etwa ein Gästebuch in Javascript? Ich kenne mich in Javascript noch nicht so gut aus, kann aber etwas PHP. Auf YouTube gibt es ne Menge Videos dazu, wie man ein Gästebuch in PHP umsetzt, aber nichts dazu für Javascript? Hat das einen bestimmten Grund? Wenn man eine Datenbank mit mehreren Gästeeinträgen anlegt, in die neue Einträge geschrieben werden, ist das doch auch gut in Javascript möglich? Oder wie funktioniert das Einbinden von Datenbanken in Javascript, geht das mit Vanilla Javascript überhaupt oder muss man da zu "fortgeschritteneren" Dingen greifen wie ES6?

...zum Beitrag

Wie kann man mit JavaScript eine E-Mail verschicken?

Wie kann man direkt (ohne Mailto) mit JavaScript eine E-Mail verschicken?

...zum Beitrag

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zum Beitrag

Kann ich JavaScript und React usw lernen ohne HTML & CSS zu berühren?

Kann ich JavaScript lernen, ohne was mit HTML oder CSS machen zu müssen?

...zum Beitrag

Javascript mit onclick-Attribut ändern?

Hallo,

wie kann ich mit JavaScript ein Attribut ändern, wenn ich auf das entsprechende Objekt klicke?

Bis jetzt habe ich folgenden Code:

<img src="bild.png" onclick="elem.setAttribute("src","anderesbild.png");">

...zum Beitrag

Bestimmte Zeile in HTML per JavaScript ändern?

Hey,

wie ihr wahrscheinlich wisst, hat man am Anfang eines jeden HTML-Dokuments

den Head-Teil. Ich möchte gerne per JavaScript die mit Rot markierte Zeile ändern. Also ich möchte die Style.css per Klick auf einen Link (<a>, darin ein <i>) ändern.

Bitte schreibt einfach das Script rein, mit welchem ich dann die Zeile ganz einfach ändern kann!

PS: Ist für Darkmode, da mir das als "einfachste" Lösung erscheint.

Grüße

...zum Beitrag

Javascript, html und css?

Ich habe jetzt mit programmieren angefangen, und um genauer zu sein mit Javascript. Ich weiß jetzt dass man Javascript, HTML und css zusammen kombinieren kann. Ich weiß aber immer noch nicht wie das gehen kann. Haben alle nicht verschiebe Codes oder wie ist es genau zu verstehen ?

...zum Beitrag

HTML webseite über Javascript/nodejs... Mit MySQL Datenbank verbinden?

Wie kann ich eine simple html seite über javascript mit der MySQL datenbank verbinden?

(Kein PHP, das kann ich schon, will es über javascript können.)

Was genau muss ich dafür lernen: ReactJS; ExpressJS; VueJS idk

...zum Beitrag

Javascript verlinken funtioniert nicht?

Hallo,

Ich habe das seltsame Problem, dass ich eine Javascript Datei nicht verlinken kann. Bzw. dass der Inhalt auf der Javascript Datei nicht ausgeführt wird.

So habe ich die Datei im <head> Tag verlinkt:

Der Inhalt auf der Javascript Datei ist folgender:

"use strict"

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

Wenn ich den Javascript Code allerdings in der selben HTML Datei ausführe mit

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

</script>

funktioniert er.

Woran kann das liegen? Ich habe schließlich weitere Javascript Dateien verlinkt die alle funktionieren. Auch habe ich die JQuery Datei im <head> Tag verlinkt. Ich benutze den aktuellen Chrome Browser. Mit Firefox habe ich es auch schon probiert. Dort geht es auch nicht.

Als Editior verwende ich Visual-Studio-Code.

Ich bin gerade ziemlich verwirrt. Habe ich irgendwo einen Fehler gemacht?

...zum Beitrag

Gerätedrehung auf mobilen Webseiten mit HTML und Javascript blockieren?

Wie kann man das drehen auf mobilen Webseiten blockieren?

...zum Beitrag

Vokabeltrainer in Javascript?

Wie kann ich einen Vokabeltrainer ohne Datenbank oder PHP, am besten in Javascript (+ Html & css) Programmieren?

...zum Beitrag

Passwort auslesen lassen Javascript?

Kann ich mir diese Sternchen irgendwie auslesen lassen mit Javascript oder Html?

...zum Beitrag

Javascript als ausführbares Programm?

Hallo,

soweit ich weiß, wurde z.B. das Programm "Brackets" mit Javascript entwickelt.

Nun stelle ich mir die Frage, wie ich selber kleine Javascript-Programme machen kann. Meiner Meinung nach, ist es viel effizienter kleine Programme(wie Rechner oder so) mit Javascript zu coden.

Wie bekomme ich ein Javascript.exe-Programm hin?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen