Javascriptcode für mehrere html Seiten verwenden?

Ich habe einen externen js Code, welcher auf meiner Hauptseite funktioniert. Wenn ich diesen nun auch auf einer anderen Seite verwenden will geht es nicht. Es liegt nicht an falschen/fehlenden ids o.ä. Das html wurde nämlich komplett kopiert (für nen Header). In den Chrome Entwicklertools wird kein Problem gemeldet.

Sorry, ich habe den Code gerade nicht zur Hand.

Frage: Hat js Probleme den Code wiederzuverwenden, wenn mit getElementById gearbeitet wurde und wenn ja: was kann man alternativ machen?

3 Antworten

LeBonyt

27.10.2022, 21:08

Hm, prinzipiell ist das möglich das dasselbe JavaScript auf verschiedenen Seiten zu benutzen. So ohne Code, Fehlermeldung und die Struktur zu kennen, ist es sehr schwer hier die Ursache zu kennen.

Ich fange mal an. Ist denn der Pfad des JavaScriptes in den anderen Seiten korrekt angegeben? Einbindung mit alert oder console.log prüfen.

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

Rdtcg

Beitragsersteller

27.10.2022, 21:33

Ah ja. Das mit alert prüfen habe ich tatsächlich voll vergessen. Probiere ich morgen mal, aber eigentlich ist es auf beiden Seiten gleich eingebunden

LeBonyt

27.10.2022, 21:38

@Rdtcg

Im nächsten Schritt müssten wir dann den Code sehen. Sind die Selektoren im Script und im HTML identisch?

Rdtcg

28.10.2022, 12:27

Es lag der Gradient über dem Button 🤦🏼‍♀️

Woher ich das weiß:eigene Erfahrung

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

27.10.2022, 21:25

pro seite wird der code immer wieder neu geladen und gestartet .

ist gibt kein weiterverwenden , es gibt nur die gleiche resource . beim neu laden wird der komplette dom gelöscht und neu angelegt . die eine seite kennt die andere seite nicht . auch läuft das javascript nicht weiter sondern wird neu geladen (oder aus dem cache geholt) und gestartet .

webseiten sind immer unabhängig , maximal ein popup kann von der hauptseite aus bedient werden solange die noch exisitert .

Rdtcg

Beitragsersteller

27.10.2022, 21:34

Okay, das beruhigt mich etwas 😄 hätte keine Lust das komplett neu machen zu müssen

TechPech1984

27.10.2022, 21:44

@Rdtcg

du kannst ind er browser/entwickler konsole (F12 dücken) ob deine resourcen geladen wurden oder der pfad falsch ist und auch welche fehler kommen .

Ähnliche Beiträge

Zufallsgenerator in ausgewähltem Bereich HTML & JS?

Hey,

ich bräuchte auf meiner Webseite einen Zufallsgenerator der in einem zuvor ausgewähltem Bereich eine zufällige Zahl raushaut. Ich hatte mir überlegt, dass man in einen Input eine Zahl eingibt und dann ein Zufallsgenerator in JS eine Zahl zwischen 0 und dieser festgelegten ausspuckt. Ich habe schon viel probiert, auch mit "getElementById" aber nichts hat geklappt.

Habt ihr Ideen?

Danke im voraus :)

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')?

Hi bräuchte Hilfe bin noch komplette Anfängerin, das ist mein erstes Projekt mir js und kriege es nicht hin den Fehler zu beheben. Hab schon vieles Versucht nichts hat geklappt also hier mal die wichtigesten Schnipsel meiner Website vielleicht kann ja jemand den Fehler finden :D

Head:

Style:

HTML:

js:

dev tools:

Sorry das das so viel ist :///

...zum Beitrag

JS script richtig importieren?

Wenn ich meine JS Skripte in meinem HTML Dokument schreibe funktionieren die Super. Wenn ich diese dann aber in den Header Schreibe

 <script type="text/javascript" src="scripts/JavaScript.js"></script>

Dann geht alles was mit dem Script zutun hat nicht.

...zum Beitrag

Wie findet ihr die W3schools Code-Beispiele?

Mich würde mal interessieren, wie ihr die W3C Code-Beispiele findet, wenn man auf try it yourself klickt.

Ich persönlich finde die wenig hilfreich, weil der JavaScript-Code direkt in HTML implementiert wird, anstatt dass man strikt zwischen HTML und JS trennt.

Kennt ihr eine Alternative, die das besser handhabt? An sich finde ich es nämlich sehr gut, wenn Seiten solche Try it yourself Beispiele einbauen. Nur gefällt mir nicht, dass keine strikte Trennung herrscht.

...zum Beitrag

Website lädt automatisch neu?

Heute habe ich eine neue Website gemacht, es ist eine Todo Liste, einfach damit ich ein bisschen javascript üben kann. Soweit funktioniert auch alles doch sobald ich Sachen in den input eingebe und dann auf Hinzufügen drücke lädt die seite neu. Wieso?

Hier der js code

Und hier der HTML code

...zum Beitrag

Warum wird diw HTML Index Dateie nicht im Browser angezeigt?

Hallo zusammen,

bin absoluter Neuling der kürzlich erst die Basics von Python gelernt hat und wollte nun mit Js und Node JS etwas arbeiten. Habe über Visual Studio einen Code geschrieben, aber wenn ich diesen in chrome Aufrufe wird nichts angezeigt. Kann mir da vielleicht wer helfen?
Danke im Voraus:)

...zum Beitrag

CSS/JS Programmieren dass Link erst klickbar wenn?

Hi, ich schreibe eine Website mit so einem Fragebogen gerade und da gibt es einen Button, der zu einer nächsten HTML Seite weiterverlinkt:

<a href="seite2.html"><div>Weiter</div></a>

Ich möchte aber, dass man erst draufklicken und zur nächsten Seite gelangen kann, wenn vorher eine Auswahl getroffen wurde, also eine Bedingung vorher erfüllt ist.

Ich weiß, dass ich das CSS steuern kann wie einen unsichtbaren Knopf erst sichtbar machen, sobald die Bedingung erfüllt ist. Aber ich hätte den "Weiter Knopf" die ganze Zeit da, nur erst klickbar, sobald die Bedingung erfüllt ist. Der Link ist aber Bestandteil vom HTML nicht vom CSS und deswegen weiß ich nicht wie das geht.

Ich hoffe mir kann jemand weiterhelfen. LG

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

HTML/JS Icon Link lädt zu lange?

Hey,

ich lade meine Icons über diesen Link:

<script src="https://kit.fontawesome.com/03a9efeaa3.js" crossorigin="anonymous"></script>

Dieser Link ist im head. Mein anderer script-Tag ist im body und lautet so:

<script type="module" src="./JS/main.js"></script>

Nun habe ich das Problem, dass wenn ich meine Seite neu lade, es lange lädt und dann abstürzt.

Die Konsolenausgabe sieht so aus:

Was kann ich tun?

...zum Beitrag

Script funktioniert nur intern?

Mein Javascript-Code funktioniert einwandfrei, aber nur, wenn es in der Html-Datei eingebettet ist. Wenn ich es in die externe Js-Datei packe funktioniert es nicht, obwohl alles andere wie zB Dropdown-Menu und so weiter funktionieren. Weswegen könnte das sein?

...zum Beitrag

JS console.log in HTML ausgeben?

Hallöchen!

Wir arbeiten gerade an einer simplen Webseite in der Schule. Dabei müssen wir sowohl HTML als auch Javascript verwenden. Nun habe ich am Ende der JS Funktion jedoch einen console.log command, welcher mir ein bestimmtes Element eines Array ausgibt. Dies ist dann auch das Endprodukt der Funktion. Wie kann ich diesen console.log command nun auf meiner Webseite ausgeben? Bzw. wie kann ich dieses Element auf meiner Webseite aus geben.

Der command:

console.log(Liste[XinOriginal)

Das Element:

"e ist der häufigste Buchstabe: " + e + " mal"

Danke für eure Hilfe!

...zum Beitrag

Wie ändere ich einen Paragraph indem ich einen Button benutze mithilfe von HTML und Javascript?

Hallo zusammen,

ich benötige einen Code. Ich möchte einen Paragraphen anzeigen lassen mit einem Text, der sich auf Knopfdruck ändern lässt und immer eine Value weiter springt, wenn ich diesen Button anklicke. Wie schreibe ich diesen Code mit HTML und JS?

Ich finde leider nur Hilfe für einen Text, der sich nur einmalig per Knopfdruck ändert. Ich möchte aber, dass dieser sich jedes Mal ändert, sobald ich den Button nochmal anklicke.

...zum Beitrag

C-Knopf im Taschenrechner programmieren?

Ich habe vor, einen Taschenrechner in HTML und JS zu coden, aber ich weiß nicht, wie ich diesen Knopf, der alles löscht in eine Funktion packen kann.

So habe ich es bisher versucht, aber es funktioniert nicht:

function deleteAll() {
  let container = document.getElementById("resultarea");
  let remove = clrs(container.innerHTML);
  container.innerHTML = remove;
}

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen