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

Beitragsersteller

04.04.2019, 11:33

LeBonyt

04.04.2019, 11:34

@IBenjiI

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

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

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?

Ähnliche Beiträge

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?

...zum Beitrag

JavaScript in HTML - Ausgabe?

Hallo wie kann ich in einem Textfeld von HTML eine variable von JavaScript ausgeben?

Würde gerne mehrere Sachen zusammenrechnen und anschließend das Ergebnis auf der HTML Webseite ausgeben...

Wie ist das möglich?

Danke schon mal

...zum Beitrag

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zum Beitrag

HTML JavaScript Variable untereinander?

Ich habe eine Variable namens data wo mehrere Sachen drinnen sind. Diese will ich jetzt untereinander ausgeben siehe Quellcode:

document.getElementById('Ausgabe').innerHTML = data;

Sie werden aber nur nebeneinander ausgegeben ein Split hat auch nicht geholfen irgendwelche ideen? Ja es ist ein String nur leider hilft ein Split nicht da dieser sonst nur überschreibt

...zum Beitrag

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?

...zum Beitrag

Variable in Javascript in ein text dokument schreiben?

Hi Leute wie ihr in der Überschrift bereits seht wollte ich wissen wie man den Inhalt einer Variable in Javascript in ein Text Dokument schreiben kann welches sich in dem Ordner der HTML und Javascript datei befindet.

...zum Beitrag

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

...zum Beitrag

JavaScript Daten von API abfragen?

Ich habe ein JavaScript Script, in dem ich ganz am Anfang einer Variable die Daten von einem API Request zuweisen muss. Die Daten sollen also in der Variable gespeichert werden und dann der restliche Code ausgeführt werden. Ich möchte, dass die Zuweisung so aussieht:

let data = loadData() | {/*default json*/}

Die Daten müssen da sein bevor der restliche Code ausgeführt wird, da ich sie in einer funktion im onload teil brauche.

...zum Beitrag

Variable in einer JS Funktion beim call um 1 erhöhen?

Wie der Titel schon sagt habe ich eine Funktion mit einer Variable die sich bei jedem call der Funktion um eins erhöhen soll. Programmsprache: JavaScript.

Habe leider keine Ahnung wie ich eine Variable in einer Funktion jedesmal erhöhe ohne sie auch jedesmal davor neu zu definieren.

Ich arbeite in HTML und das Skript ist ein Teil der Seite.

Würde mich über ein Bsp freuen, da ich kaum mit JS arbeite es hier aber mit Python nicht geht

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...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

Android Studio (HTML/JavaScript) WebView JS aktivieren?

Hallo da ich in Android Studio meine HTML und JS dateien einbinden will, tue ich dies über Webview. HTML funktioniert, aber JS geht nicht

ich habe dafür in der MainActivity das hier eingefügt

WebView view = new WebView(this);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl("file:///android_asset/index.html");
setContentView(view);

da ist zwar das view.getSettings().setJavaScriptEnabled(true); aber JS funkt trotzdem nicht. Danke im Vorraus!

...zum Beitrag

Javascript in HTML einbinden - Problem?

Wie soll ich JS in HTML einbinden? Habe das immer so gemacht:
<script language="javascript" type="text/javascript" src="dateiname.js"></script>

Aber wenn ich dann z.B:

drawBoxes('yyy bbb ggg');

Mache, dann passiert in der HTML Seite garnichts.
LG

CSS in HTML einzubinden funktioniert letzterzeit komischerweise auch nicht. Muss das dann immer intern in der HTML-Datei machen.

...zum Beitrag

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.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen