Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.451
» Neuestes Mitglied: infoimpropriety3
» Foren-Themen: 511
» Foren-Beiträge: 2.105

Komplettstatistiken

Benutzer Online

Momentan sind 163 Benutzer online
» 1 Mitglieder
» 159 Gäste
Bing, Facebook, Yandex, infoimpropriety3

Aktive Themen

CSS Animationen verbinden
Forum: Css
Letzter Beitrag: ajmanproperties1
Vor 9 Stunden
» Antworten: 9
» Ansichten: 677

Explore the Enchanting Be...
Forum: Javascript
Letzter Beitrag: manalitourpackage
Gestern, 14:20
» Antworten: 0
» Ansichten: 12

Addons blockiert
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: jenniferbeals
Gestern, 00:28
» Antworten: 3
» Ansichten: 996

Handle Your Academic Burd...
Forum: Javascript
Letzter Beitrag: shane56
30.04.2024, 12:27
» Antworten: 0
» Ansichten: 30

Why is it important to fo...
Forum: Javascript
Letzter Beitrag: azaviona
30.04.2024, 10:09
» Antworten: 0
» Ansichten: 18

Memorable Experience With...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
29.04.2024, 10:36
» Antworten: 0
» Ansichten: 32

Escort Service in Aerocit...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
29.04.2024, 10:36
» Antworten: 0
» Ansichten: 30

div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
26.04.2024, 16:40
» Antworten: 4
» Ansichten: 127

What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
26.04.2024, 07:58
» Antworten: 0
» Ansichten: 46

Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 431

Was ist falsch?

Geschrieben von: Roaden - 01.11.2022, 22:30 - Forum: Javascript - Antworten (1)

[code=javascript]
const celsius = getRandomInt(100);

Kelvinraten1(prompt('Claus sagt: Wieviel Grad Kelvin sind ' + celsius + ' Grad Celsius?'));
function Kelvinraten1(x) {
if ( x === celsius + 273.15 ) {
console.log('Claus sagt: Großartig hast du geraten, bei der 1ten Frage');
} else {
console.log('Claus sagt: Du hast die richtige Antwort leider verfehlt');

}

}
function getRandomInt(max) {
return Math. floor(Math. random() * max);
}
[/code]

Ich schreibe das richtige Ergebnis rein aber es geht nicht.

2 für mich identische Programme liefern Tabellen in unterschiedlcher Formatierung

Geschrieben von: nbergmann - 01.11.2022, 09:40 - Forum: Javascript - Antworten (4)

Hier sind die beiden Codes:
<!DOCTYPE html><html lang="de">
<head>
<meta charset="utf-8">
<title>Übung, Tabelle</title>
<link rel="stylesheet" href="js4.css">
</head>
<body>
<script>
document.write("<table>");
for(let i=1; i<=5; i++)
{
document.write("<tr>");
for(let k=1; k<=15; k++)
document.write("<td>" + i * k + "</td>");
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>

-------------------------------------------------------------------------

appenChild Probleme

Geschrieben von: RicEfron - 31.10.2022, 22:08 - Forum: Javascript - Antworten (1)

Guten Abend an alle,

ich hab ein Problem mit "appendChild" egal ob ich ein Tutorial aus Google raussuche, ein Youtube Video oder was eigenes erstelle. Sobald es um "appendChild" geht erhalte ich immer Fehler beim Testen. "Uncaught TypeError: Cannot read properties of null (reading 'value')"

ich füge euch mal meine HTML und JS Codes ein vielleicht findet jemand meinen Fehler.
Nachfolgendes habe ich 1 zu 1 übernommen und bei mir erscheint der Fehler.
Quelle: Einkaufslisten Web-App - JavaScript Tutorial für Anfänger (lerneprogrammieren.de)

Index.html

Code:
<!DOCTYPE html>

<html lang="de">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="./style.css" />

    <title>Einkaufsliste</title>

</head>

<body>

    <h1> Einkaufslisten App</h1>

    <img src="https://lerneprogrammieren.de/wordpress/wp-content/uploads/einkaufswagen.png" height="35px">

    <div> 

        <input type="text" placeholder="Neuer Eintrag..">

        <button id="enter"> Hinzufügen</button>

    </div>

    <ul>

    </ul>

    <script src="./main.js"> </script>

</body>

</html>

main.js

Code:
var enterButton = document.getElementById("enter");

  var input = document.getElementById("benutzerInput");

  var ul = document.querySelector("ul");

  var item = document.getElementsByTagName("li");

  enterButton.addEventListener("click", erstellenEintrag);

  function erstellenEintrag() {

    var li = document.createElement("li");

    li.appendChild(document.createTextNode(input.value));

    ul.appendChild(li);

    input.value = "";

  }

wenn ich die Zeilen "li.appendChild(...... und input.value= ""; entferne funktioniert das Erstellen eines leeren li elements ohne Probleme.

Kein Rückgabewert aus Funktion

Geschrieben von: Prominenter - 30.10.2022, 16:08 - Forum: Javascript - Antworten (3)

Hi@all

Code:
    // Skill Auswahl

    SkillArray = thisUserSkills.split(";");

    let text = 'Aus welchem Skill sollen Tickets zugewiesen werden?<br>';

    for (let i = 0; i < SkillArray.length; i++) {

        viewId    = SkillArray[i];

        initViews(viewId);

        console.log(viewName); // thats undefined

        text = text + '<br><div class="btn" onclick="changeView(\'' + viewId + '\', \'' + viewName + '\')" style="display:block;">' + viewId + ' - ' + viewName + '</div>';

    }

    document.getElementById('text01').innerHTML = text;

    // Init Views of View-ID an give Name of List

    function initViews(viewId) {

        let requestView = { type: 'GET', url: '/api/v2/views/' + viewId }

        client.request(requestView).then(function(data) {

                viewsData = data;

                viewName = data.view['title'];

                //console.log(viewName); // thats OK

            });

    }

Ich bekomme den Rückgabewert nicht übergeben initViews()

Thx@all

Slider Position über dynamische Variable update

Geschrieben von: Sigma - 29.10.2022, 15:42 - Forum: Javascript - Antworten (3)

Moin,

Ich habe einen Slider, die Position bzw. der Wert des Slider wird in eine Variable gespeichert. Jetzt hätte ich aber gern, dass es auch andersherum funktioniert, dass wenn sich der Wert der Variable ändert, sich ebenfalls die Position und der Wert des Slider verändert, also dynamisch quasi.

Code:
  <h2>Temperature Controll</h2>

  <div class="slidecontainer">

    <input autocomplete="off" type="range" min="0" max="500" value="0" class="slider" id="temp_input">

    <p>Temp_Value: <span id="temp_output"></span></p>

  </div>

  <script>

    var slider = document.getElementById("temp_input");

    var output = document.getElementById("temp_output");

    output.innerHTML = slider.value;

    slider.oninput = function()

    {

      output.innerHTML = this.value;

      //tempinput = slider;

    }

    slider.addEventListener("input", function(e)

    {

    tempinput = slider.value;

    });

  </script>

Die Variable tempinput sollte durch ein websocket event aktualisieret werden. Falls sich an dem Parameter etwas ändert.

Code:
    // Set_Temp1 | Slide value comes back from thread2 | set_temp1: tempinput

    if ( data_array[0] [0] === 'sensor_address' )

    {

      let tempinput = data_array[1] [1];

    }

Wäre es möglich bei dem Event receive.message vom Socket, für den slider einen EventListener zu bauen, der den Slider aktualisiert?

Irgendwie verstehe ich nicht, wie ich das am besten angehen soll... da aktuell der EventListener nur auf das manuelle Verschieben des Sliders schaut.

Würde mich über Tipps freuen, Danke im Voraus!

Grüße

Auswahl im Kombinationsfeld abhängig von Eingabe in einem anderen Textfeld

Geschrieben von: bazzuka - 28.10.2022, 11:48 - Forum: Javascript - Antworten (1)

Hallo zusammen

Ich bräuchte da mal Hilfe.
Ich verstehe nicht wirklich viel von JavaScript und müsste in einem Kofax Power PDF eine Abhängigkeit mittels JS haben.

Folgendes ist der Fall.
Ich habe ein Kombinationsfeld mit den Auswahlwerten (0, 1, 1.5, 2, 2.5, 3, 3.5, 4)

Jetzt ist es so, dass hier diese Werte beschränkt werden müssten, abhängig vom Einzahlungswert in einem Textfeld.
Dh. Wenn der Einzahlungswert unter 250000 ist, dann können alle Werte ausgewählt werden.
Wenn jedoch der Einzahlungswert über 249999 aber unter 500000 liegt, dann kann 4 nicht mehr ausgewählt werden dürfen.
Wenn der Einzahlungswert über 499999 aber unter 750000 liegt, dann kann 3.5 und 4 nicht mehr ausgewählt werden dürfen.
usw.

Weiter dann noch die Frage. Kann ein Wert in einem Kombifeld abhängig eines Werte in einem anderen Kombifeld angezeigt werden?
Ich habe in einem Kombifeld z.B. 10 Verschiedene Fonds. Dazu gibt es ja auch immer eine ISIN. Diese müsste dann in einem anderen Kombifeld dementsprechend angezogen werden, je nach Auswahl des entsprechenden Fonds.

Vielen Dank für eure Hilfe.

.map aus array - hänge irgendwo

Geschrieben von: nyma3 - 28.10.2022, 08:44 - Forum: Javascript - Antworten (1)

Hallo, ich habe ein kleines Problemchen:

Ich habe eine Tabelle mit Begriffen in der obersten Zeile

diese Begriffe liegen in einem array: colNamesToprow
in einem anderen array liegen Namen: columnNames

nun soll für jeden einzelnen Namen überprüft werden an welcher Stelle er im Array Begriffe liegt und diese Stelle dann als checkColumn[Stelle] ausgeben.

leider hänge ich aber irgendwie an der Einbindung als .map
[Bild: sad.png]
kann mir vielleicht jemand helfen?
Herzlichen Dank!

Code:
let checkColumn = checkColumnNames.map(num => {

    colNamesToprow[0].indexOf(checkColumnNames) +1;

  });

Formular ausrechnen / Anfänger

Geschrieben von: JSnewbie - 26.10.2022, 16:47 - Forum: Javascript - Antworten (2)

Guten Abend zusammen

Muss für die Schule eine Hausaufgabe erledigen, bin ein absoluter Anfänger und komme einfach nicht weiter. Es soll eine Funktion die eine Idealgewichts Berechnung durchführt mit einem gegebenen Formular verknüpft werden.

Wie kann man dies durchführen?

Wäre es möglich, wenn jemand eine Lösungsvariante zur Orientierung zeigt?

Vielen Dank für die Hilfe.

Gruss

Code:
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf8">

    <title>Übung 3b: Idealgewicht mit Form</title>

   <script>

    // Idealgewichts Funktion

    function berechneIdealgewicht(geschlecht, groesse) {

    if (geschlecht === 'm'){

            idealgewicht = groesse -100;

            console.log(idealgewicht);

        }

        if (geschlecht === 'w'){

            idealgewicht = 0.9*(groesse -100);

            console.log(idealgewicht);

        }

}

function berechne() {

    // Variablen

    // TODO: holen der Daten aus Formular: Groesse und Geschlecht

    // TODO: Aufruf der Funktion berechneIdealgewicht mit entspr. Daten des Formulars (Geschlecht und Grösse)

    // TODO: Ausgabe des Idealgewichts via Alert Funktion

}    

    </script>

</head>

<body>

<h2>Berechnung Idealgewicht</h2>

//Formular

    <form name="idealgewichtForm">

        <fieldset>

            <legend><strong>Name</strong></legend>

            <label for="vorname">Vorname:</label>

            <br/>

            <input id="vorname" name="vorname" type="text" size="20" value="" />

            <br/>

            <label for="nachname">Nachname:</label>

            <br/>

            <input id="nachname" name="nachname" size="20" value="" />

        </fieldset>

        <fieldset>

            <legend><strong>Grösse</strong></legend>

            <label for="groesse">Grösse in cm:</label>

            <br/>

            <input name="groesse" id="groesse" type="text" size="10" value="" />

        </fieldset>

        <fieldset>

            <legend><strong>Geschlecht</strong></legend>

            <label for="r1">weiblich:</label><br />

            <input name = "geschlecht" id = "r1" type="radio" value="w" />

            <br/>

            <label for="r2">männlich:</label><br />

            <input name="geschlecht"  id = "r2"  type="radio" value="m" />

        </fieldset>

        <fieldset>

            <legend><strong>Berechnen</strong></legend>        

            <button type="button" name="berechnen" onClick = "berechne()">

                Berechne Idealgewicht</button>

        </fieldset>

    </form>

</body>

</html>

Textfeld to Quellcode

Geschrieben von: Snake92 - 26.10.2022, 09:55 - Forum: Javascript - Antworten (3)

Hallo,

ich habe vermutlich eine ungewöhnliche Anforderung und hoffe das mir jemand helfen kann.

Ich habe ein Textfeld und möchte in dieses Textfeld Code eintragen und auswerten.

Folgendes Beispiel:

Ich habe eine variable die ich in einem Label anzeige.

In das Textfeld trage ich " x = x + 10" ein und klicke auf einen button.

In diesem Moment soll der Text aus dem Textfeld "verarbeitet" werden und in dem Label steht dann der neue Wert von x drin.

Wie kann ich das umsetzen?

Warum solltet ihr kein jQuery mehr lernen

Geschrieben von: rzscout - 25.10.2022, 13:32 - Forum: Andere Bibiliotheken, Plugins und Scripte - Keine Antworten

Hi liebe Community,
wie ich häufig noch sehe wird noch fleißig mit jQuery gearbeitet anstatt mit Vanilla JS.
jQuery war jahrelang eine wichtige JavaScript-Bibliothek und der Platzhirsch unter den JS-Bibliotheken. Durch die unterschiedliche Kompatibilität der Browser insgemein des Internet Explorers von Microsoft, war die clientbasierte Entwicklung mit JavaScript schwierig und kompliziert. Eines der großen Probleme waren die Implementierung von Selektoren innerhalb von JavaScript und auch der Funktionsumfang. Man konnte viele leichte Lösungen erreichen ohne drauf zu achten welchen Browser man gerade verwendet.

Mehr und mehr entwickelte sich JavaScript(EcmaSchript) weiter und es kamen mehr EInheit bei den Browsern zustande. Durch die Einführung von HTML5, CSS3 und den neuen EcmaSchript-Standards wurden viele Möglichkeiten offen die vorher nur durch Bibliotheken wie Mootools, jQuery oder Dojo funktionierten. Dadurch wurde vieles überflüssig aus jQuery oder konnten ohne großen Aufwand ohne Diesen erstellt werden.

Dabei haben viele aber auch den Fehler gemacht sich auf jQuery zu konzentrieren und haben fast ausschließlich jQuery gelernt, anstatt sich mit der Grundlage JavaScript auseinander zu setzen. Dabei ist JS die Grundlage für jQuery.

jQuery ist in die Jahre gekommen und klobbig geworden, viele Projekte und Technolgien wie WordPress und Bootstrap haben sich von jQuery verabschiedet.

Meine Linkempfehlungen zum Thema:
https://www.heise.de/blog/Technische-Sch...71469.html
https://youmightnotneedjquery.com/
https://blog.garstasio.com/you-dont-need-jquery/

Dabei gibt viele kleine Bibliotheken die bestimmte Funktionalität wie Animation erhalten ohne auf einer rießen Bibliothek zurück greifen zu müssen.

Meine Empfehlung: Verwendet mehr JavaScript anstatt jQuery

Viele Grüße euer rzscout

Seiten (50): « Zurück 1 … 23 24 25 26 27 … 50 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken