Hilfe mit HTML-Code bzw. JavaScript?

Hallo ich bin gerade am Script schreiben um den aktuellen Datum anzuzeigen, das Skript hat auch geklappt, aber da ich ein kompletter neuling bin, weiß ich jetzt nicht mit welcher command ich es auf HTML übertragen soll. ich möchte das das Datum auf dem Bildschrim sichtbar ist. brauche unbedingt hilfe

Bild zum Beitrag

2 Antworten

IrgenwerFragt

30.05.2023, 20:56

Musst du Deine Anleitung von Deinem datum.js lesen, die kennt nämlich keiner.

Ansonsten gibts verscheidene Wege Daten anzuzeigen.

Ich würde dir aber allg. Svelte empfehlen statt plain JavaScript.

Das ist kinderleicht.

https://www.mediaevent.de/javascript/innerhtml.html

oligmr

Beitragsersteller

30.05.2023, 20:59

ich weiß das es etwas mit der getElementById command zu tun hat aber ansonsten habe ich keine ahnung, hast du vielleicht einen link der mir helfen könnte?

IrgenwerFragt

30.05.2023, 21:00

@oligmr

fast. kannst über ID oder Klassen ein Element selektieren und per innerHTML oder innerText = 'blabla' blabla ausgeben :)

Hab Dir mal einen Link ergänzt. Die Seite ist mega.

PWolff

30.05.2023, 23:00

selfhtml war mal übersichtlicher, aber man findet dort so ziemlich alles, was man von den absoluten Anfängen bis Webanwendungen für den Hausgebrauch braucht.

Z. B. Echtzeituhr: https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Date/Uhr

Habe leider erst später gesehen, dass es um Datum und um einmaliges Eintragen geht. https://www.google.com/search?q=selfhtml+getelementbyid+innertext

Ähnliche Beiträge

Wie kann ich mit inner HTML und Javascript einen Zeilenumbruch erstellen?

Hallo zusammen,

Ich habe mir HTML und Javascript angefangen und möchte innerhalb eines Java script script in einem Textelement Sachen ausgeben lassen. Aber wie genau kann ich einen Zeilenumbruch mit Javascript auf das Textfeld, welches ich bearbeite übertragen? Für die bearbeitung nutze ich den document.innerHTML Befehl.

Danke schonmal im Vorraus und freundliche Grüße

...zum Beitrag

wie weltKarte erstellen?

Viele Datananalysetools haben eine kleine weltkarte, bei der man über die einzelnen Länder fahren kann, das jeweilige dann farblich hervorgehoben ist und man Zahlen sieht, wie macht man das also geht das ausschließlich mit html und css, wenn nötig auch javascript und wo bekommt man die Bilder scripte etc. her?

...zum Beitrag

JavaScript UI ohne HTML / CSS?

Ist es möglich, komplett ohne HTML etwas zu programmieren, das aber eine Oberfläche hat und nicht nur im schwarzen Terminal läuft?

Man könnte mit Canvas auch ein bisschen zeichnen und ein paar Spiele entwickeln, aber dann braucht man trotzdem mindestens ein ganz kleines bisschen HTML für <canvas> und script src.

Wenn es möglich ist: Was wäre das einfachste Projekt, das ich umsetzen könnte?

...zum Beitrag

Wie kann ich einem Button (html, css, javascript) mehrere Funktionen zuweisen?

Hallo Zusammen, ich bin Neuling und möchte einen Button erstellen, welcher drei verschiedene Textfarben von einer Liste ändert. Also die Begriffe in der Liste sind zuerst rot, orange, gelb und sollen nach dem Klick auf einen Button schwarz werden.

Kann mir dabei jemand helfen?

Dabei soll die Formatierung der Textzeilen genau so bleiben:

Danke und liebe Grüße

...zum Beitrag

java script html text verändern jede sekunde?

wie kann man mit javascript machen das in html jede sekunde oder jede zweite sekunde sich der text ändert

...zum Beitrag

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zum Beitrag

Java Script Textdatei auslesen und veränder?

Wie schaffe ich es mit JavaScript HTML und CSS den Inhalt einer textdatei anzeigen zulassen und diesen dann zu verändern also zum beispiel das ... rot makiert wird oder ich einen filter dazu habe.

Ist wirklich dringend ich bedanke mich im vorraus.

...zum Beitrag

Datum und Uhrzeit auf Webseite anzeigen?

Hi!

Also so wie auf der Kronenzeitung möchte ich bei meiner Webseite das Datum anzeigen lassen.

Nach ein bisschen googlen habe ich das gefunden:

const event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(event.toLocaleDateString('de-DE', options));

Nur bin ich ein JavaScript-Neuling und kenne mich gar nicht aus.

Also, wie kann ich das nun in meinen HTML-Code implementieren, damit diese Funktion auch in einer div angezeigt wird?

Ich habe mir im Entwicklertool das div von www.krone.at angeschaut, aber daraus werde ich nicht schlau.

...zum Beitrag

Tabelle erstellen und diese ein/ausklappen?

Hey,

ich bekam letzte Woche die Aufgabe eine Tabelle zu erstellen, diese soll ein/ausklappbar sein und die einzelnen Kacheln sollen Themen beinhalten, diese soll man anklicken können und dann öffnet sich in der Tabelle ein Fenster.

Das soll dann ungefähr so aussehen. (hab das grob nachgemacht, da ich gerade nicht den Bogen in der Hand hab.)

So weit ich weiß darf ich HTML, CSS und Javascript nutzen, habe aber nur ein wenig Ahnung in HTML und CSS, Javascript habe ich noch gar nicht gelernt, wäre aber bereit dazu

Ich würde eine Nav bar erstellen, ich denke das schaffe ich auch und dann bräuchte ich Hilfe. Ich würde um die Themenauswahl auszuwählen und diese Tabelle zu öffnen "Themenübersicht" nennen. Nachdem ich auf "Themenübersicht" klicke möchte ich, dass diese Tabelle auftaucht und jedes Thema (müssen keine Namen haben) soll eine "blablabla" Seite direkt daneben haben.

Falls sich jemand beschweren sollte, wieso ich das nicht alleine hinkriege oder zu faul sei, ich bin ein Neuling in dem ganzen Programmier Ding und schaffe es noch nicht alleine, deswegen hätte ich gerne Unterstützung.

...zum Beitrag

Zugriff auf svg Element in HTML gibt immer "null" zurück?

Hallo zusammen,

folgendes Problem:

Ich möchte aus meinem javascript Code zu laufzeit auf meine sonarGrafik.svg zugreifen können um deren Elemente zu manipulieren (oder neue hinzufügen zu können).

So sieht erstmal der ganze HTML Code aus:

<!DOCTYPE html>
<html>
<head>
    <title>Arduino Daten</title>
    <link rel="icon" href="data:,">
    <script src="scripts/script.js"></script>
    <link rel="stylesheet" href="styles/style.css"> 
</head>
<body>
    <object id = "svgObject" data="styles/sonarGrafik.svg" type="image/svg+xml"></object>
</body>
</html>

Der betroffene Teil in meinem javascript Code:

function insertDots(cx, cy) {
    const svgObject = document.getElementById("svgObject");
    console.log(svgObject.contentDocument) // hier erhalte ich in der Console immer "null"


    svgObject.addEventListener("load", function() {
        if (svgObject && svgObject.contentDocument) {
            const sonarSVG = svgObject.contentDocument.getElementById("sonar");
            console.log(sonarSVG);
        }
    });
}

(Die funktion insertDots(cx, cy) wird alle paar sekunden aufgerufen und ich erhalte in der Browser Konsole immer nur null. Dementsprechend ist die if Bedienung darunter auch nie wahr)

In meiner .svg Datei gibt es definitv die id= "sonar":

<svg id="sonar" width="700" height="700" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="100%" height="100%" fill="rgba(128, 128,   128, 0.25)" />
</svg>

So sieht meine Ordnerstruktur aus:

Website
│   SonarVisuallisierung.html
│
├── scripts
│       script.js
│
└── styles
        style.css
        sonarGrafik.svg

Gibt es irgendwo einen Fehler oder eine andere Möglichkeit auf die Elemente der .svg Datei über das script zuzugreifen? (Den Inhalt der .svg will ich ausgelagert lassen und nicht in das HTML einfügen wegen der Übersichtlichkeit)

Danke für alle Lösungsvorschläge.

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

HTML JavaScript, PAP zu script?

Hallo, meine aufgabe ist es, diesen PAP in Javascript umzuwandeln, leider verstehe ich dies nicht so richtig, ich bleibe mit den if's und else hängen, bitte um hilfe

bitte outputs in alert(" ") oder dokument.write auf keinen fall in html inputs, und inputs in prompt

...zum Beitrag

Javascript (jQuery) / HTML Button mehrmals verwenden?

Hey, ich habe euch hier gleich mal ein JsFiddle verlinkt damit ihr mein Problem besser verstehen könnt: https://jsfiddle.net/Johnny3_3/dqqrvm6q/

Wenn ihr auf den Start Button klickt, dann wird durch Javascript (jQuery) der Kreis sichtbar gemacht. Allerdings kann ich durch das erneute klicken auf den Button den Kreis nicht verschwinden und danach nochmal sichtbar machen lassen. Sprich ich will unendlich oft auf den Button klicken können und somit den Kreis sichtbar und unsichtbar machen.

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

Was möchtest Du wissen?

Deinen Beitrag erstellen