JS variablen in Html ausgeben, wobei die Javascript Datei eigenständig ist?

Wir bräuchten eine Lösung um unsere durch eine API generierten Daten auf unserer HTML Seite auszugeben.

Wir haben zum Beispiel ein let test = "Irgendwas" in der JS Datei und wir wollen den String in der HTML Datei ausgeben bzw auf der Website anzeigen lasse. Also es wird keine JQuery verwendet und die Daten liegen einfach als String vor.

3 Antworten

LeBonyt

04.04.2019, 11:29

Wird JQuery verwendet? Wie liegen die Daten vor? Als JSON Ausdruck?

Ohne den Code genau zu kennen, kann man mit 'innerHTML' Methoden Werte zwischen zwei Tags einbauen. Einfach das Tag über Selektoren ansteuern und dann entsprechend das DOM manipulieren.

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

IBenjiI

Fragesteller

04.04.2019, 11:33

LeBonyt

04.04.2019, 11:34

@IBenjiI

Das hättest du schon deiner Frage dazu schreiben müssen.

Rammstein53

04.04.2019, 11:41

Diese Frage ist nicht so einfach zu beantworten.

Welcher Art ist die API?

Wer startet die API?

Läuft die API nur auf dem Server oder auf jedem Client?

Was heisst "eigenständige" Javascript Datei?

Wie sieht das Layout der Webseite aus, in das die Ausgaben eingebettet werden sollen?

germanils

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

04.04.2019, 11:25

Ja das ist möglich. Das sind JS-Grundlagen.

https://wiki.selfhtml.org/wiki/JavaScript

Wenn Du ein biiiiisschen genauer sagen kannst, was Du machen willst, kann Dir sicher jemand weiterhelfen.

Woher ich das weiß:Berufserfahrung – Entwicklung von Apps und Websites

Ähnliche Fragen

JavaScript in HTML aufrufen?

Hallo zusammen
Ich brauche eure Hilfe, weil ich noch nicht viel mit JS gemacht habe.

Ich habe bis jetzt immer mein <script>-Tag mit Funktionen und Variablen in der HTML-Datei gehabt - hat immer funktioniert.

Jetzt will ich das <script>-Tag in eine eigene Datei ablegen.
Um das zu verschachteln und projektorientiert zu machen, dass man nicht für jede Seite die Funktionsänderung vornehmen muss.

Deswegen hab ich mit "<script src="/fileadmin/public/js/myScript.js"></script>" die JS-Datei in die HTML-Datei implementiert.

Mein Problem: Die Events führen nicht mehr aus.

Liegt das an daran, dass document.getElementById sich die ID aus dem internen dokument sucht?
Wie kriege ich, dass die ID von der HTML-Datei angesprochen werden?

Vielen Lieben Dank und liebe Grüße

...zur Frage

Wie bekomme ich einen Parameter aus einer externen JSON Datei (URL)?

Hey Leute ich möchte mir den aktuellen Bitcoin Kurs auf meiner Website anzeigen lassen. Habe dazu von einer API eine JSON Datei gefunden die alle 15 Minuten geupdatet wird. https://www.bitstamp.net/api/v2/ticker/btcusd/

Nun frage ich mich wie ich das in einen JS Code einbinde um den aktuellen Kurs anzeigen zu lassen.

Kann mir da einer helfen wie ich das in mein HTML einbinde?

...zur Frage

Wie kann ich eine JSON-Datei lesen und anzeigen lassen?

Ich habe eine API und wollte diese nun mit JavaScript benutzen. Ich möchte also aus der API die Daten lesen und Variablen auf den Wert setzen.

Z.B.

JSON

germany {
  TotalInfected: 1234567890
  TotalDeaths: 1234567890
}
switzerland {
  TotalInfected: -1234567890
  TotalDeaths: -1234567890
}

Und jetzt möchte ich die JSON lesen und anzeigen. Also z.B. den ganzen Inhalt in beispielsweise einem div-Element.

<a>Corona daten:</a>
<div class="jsoncontent">(Und dann hier die ganze Datei bzw. den Inhalt)</div>

Danke fürs Helfen.

...zur Frage

Arbeite im Moment mit Node.mjs... kann ich ausgelesene Daten in Variablen speichern und diese auf meiner HTML Seite ausgeben?

Guten tag, bin im Moment am verzweifeln... wie kann ich die ausgelesenen werte der Datenbank der HTML Seite übergeben, sodass ich mit diesen Daten dort arbeiten kann ? im Moment arbeite ich mit express

...zur Frage

Javascript auslagern (HTML)?

Hallo,

wenn ich mit <script> einen Javascriptcode in HTML schreibe, geht alles, wenn ich das Script auslagere also in eine .js Datei schreibe und genau den gleichen Text wie im HTML Code dort einfüge, ohne das <script> </script>, dann geht es irgendwie nicht. Ich habe die Datei im Head so verlinkt <script src="js/button.js"></script>

Wieso geht es dann nicht mehr?

...zur Frage

Ersetzten eines Textes in HTML mit JS?

Ich stehe vor folgendem Problem:
Ich möchte das meine JS Datei erkennt, wenn in einem <p></p> String ein bestimmtes Wort enthält und dieses dann ersetzt!
(im Beispiel nehme ich mal GuteFrage)

Beispiel:

<p> … GuteFrage ist … </p>
⇨ wird zu:
<p> Dieser Text wurde gelöscht! </p>

Finde im Internet nur replace, soweit war ich dann auch schon, danke dafür Internet :(

...zur Frage

MySQL Daten Abfrage mit JS?

Hallo Zusammen,

ich bin mir bewusst das man die Daten einer MySQL nicht rein mit JS lesen kann, was mache ich denn aber wenn ich auf meinem Endgerät nur html, css und JS ausführen kann ? Wie bekomme ich dann die Daten aus der db ?

Danke im Voraus!

...zur Frage

Kennt sich jemand mit Curl / Javascript aus?

Ich hab ne Dokumentation zur API und ein Beispiel in curl. Eigentlich müsste ich es ja nur noch in JS übersetzten, aber ich bekomme es einfach nicht hin. Es soll eine Datei "Datei" mit dem Inhalt value erstellt werden

curl -X POST "-d "param=value" http://server/Datei

JS:

let req = new XMLHttpRequest();
req.open("POST", "http://server/Datei?param=test");
req.send();

Die Datei wird tatsächlich erstellt, aber sie ist leer. Weißt jemand, wo mein Fehler liegt?

...zur Frage

JSON Datei Phrasen?

Ich möchte Texte aus einer JSON Datei lesen und in meinen HTML Code über js in z. B. ein <p></p> schreiben. Wie man eine JSON Datei schreibt weis ich inzwischen aber im Internet finde ich nur viel zu komplexe Codes um die Datei auch richtig einbinden zu können.

Also meine Frage: Was ist die einfachste Möglichkeit einen Text aus einer JSON in mein HTML Code einzubinden

...zur Frage

Welche Programmiersprache muss ich verwenden?

Hallo! Ich möchte ein Programm mit HTML, CSS und JS machen, welches ein Formular und eine Datensammlung hat. Sobald das Formular abgegeben wurde, sollen sich die Daten, je nach den im Formular angegeben Daten, ändern.

Ist das nur mit HTML, CSS und JS möglich, bzw welche andere(-n) Programmiersprache(-n) muss ich verwenden? Vorzugsweise soll es nur eine lokale Datei auf meinem Computer sein, die sich ändert.

...zur Frage

Javascript Fetch API - Wie kann ich den Output als Variable weiterbearbeiten?

Ich hole mir in einer scoreboard.php Datei eine Liste mit Werten aus meiner MySQL Datenbank. Wie kann ich diese PHP Datei aus einem Script heraus aufrufen und die zurückgegebenen Werte weiter verarbeiten? Ich bin soweit, dass ich die Werte zwar mit console.log() ausgeben kann, jedoch hilft mir das nicht, da ich sie nicht ausgeben möchte sondern noch weiter verarbeiten.

var results;
fetch("includes/scoreboard.php")
  .then(res => res.text())
  .then(data => results = data);
  .then(() => console.log(results))

Wie bekomme ich die Ausgabe einer externen PHP Datei in eine JS Variable?

...zur Frage

Javascript Datei senden?

Hallo,

angenommen ein Javascript liest bestimmte Werte und speichert diese als String in einer Variablen, wie kann ich diese Variable dann versenden(vom Browser des Nutzer) zu mir?

...zur Frage

Php function von HTML aufrufen?

Ich will mit js in einer js function eine php function aus einer php file ausführen die mit Parameter aus der html Daten an meine Datenbank verschickt

...zur Frage

JavaScript/DOM lokale Datei auslesen?

Hay, ist es möglich mittels js auf einer html Seite eine txt auszulesen und in ein Div zu packen? Ich habe es mit Fetch versucht da kommt aber nur das er die Datei nicht findet.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen