Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.518
» Neuestes Mitglied: NexGen03
» Foren-Themen: 79.705
» Foren-Beiträge: 81.501

Komplettstatistiken

Benutzer Online

Momentan sind 268 Benutzer online
» 2 Mitglieder
» 263 Gäste
Bing, Facebook, Google, d8b6095a50, globaleapotheke

Aktive Themen

Compre Nembutal pentobarb...
Forum: Datenbanken
Letzter Beitrag: globaleapotheke
Vor 1 Minute
» Antworten: 0
» Ansichten: 1

진안출장샵>>라인ms368<<진안출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 3 Minuten
» Antworten: 0
» Ansichten: 1

<<충주출장샵>> 라인MS368 충주출장안마 ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 7 Minuten
» Antworten: 0
» Ansichten: 1

완주안마-완주출장샵-『라인:ms368』완주조건...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 12 Minuten
» Antworten: 0
» Ansichten: 1

Compre MDPHP de primera c...
Forum: Datenbanken
Letzter Beitrag: globaleapotheke
Vor 15 Minuten
» Antworten: 0
» Ansichten: 1

<<서울출장샵>> 라인MS368 서울출장안마 ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 17 Minuten
» Antworten: 0
» Ansichten: 1

광명안마-광명출장샵-『라인:ms368』광명조건...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 21 Minuten
» Antworten: 0
» Ansichten: 1

Comprar 5cl-adba de prime...
Forum: Datenbanken
Letzter Beitrag: globaleapotheke
Vor 25 Minuten
» Antworten: 0
» Ansichten: 1

LINE/라인☞ms368☜군산출장마사지-군산출...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 26 Minuten
» Antworten: 0
» Ansichten: 1

잠실동출장마사지#LINE/라인≪MS368≫, ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 31 Minuten
» Antworten: 0
» Ansichten: 1

Problem mit Formular

Geschrieben von: Ems - 06.05.2022, 10:45 - Forum: Javascript - Antworten (6)

Hallo zusammen,

ich habe ein Problem mit meinem Formular.
Und zwar meldet es mir immer, dass Ich alles ausfüllen soll, obwohl ich alles ausgefüllt habe und ich finde den Fehler in meinem Code nicht.

Außerdem möchte ich, dass wenn man im Geburtstagsfeld Buchstaben eingibt, ein Fehler erscheint und außerdem möchte ich, dass man nur im dd/mm/yyyy Format das Feld ausfüllen kann.

Vielleicht kann mir einer von euch helfen.

Dankeschön!

CSS - Datei:

Code:
/* Navigation*/

[href] {

    text-decoration: none;

    color: black;

}

a:hover{

    text-decoration: none;

    color:var(--brown);

}

a:focus{

    text-decoration: underline;

}

#navibereich {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap ;

    text-decoration: none;

    justify-content: flex-start;

    background-color: var(--bright);

    list-style-type: none;

    margin-bottom: 3px;

    }

#navi02{

    margin-left:5%;

    margin-right:5%;

}

 /*  ---------Schrift- und Hintergrundbearbeitung-------------*/

 :root{

     --bright: #e0c2a5;

     --brown: #684536;

     --background: #fffee9;

     --cream: #f3ecc5;

 }

 @font-face {

    font-family: Open Sans;

    src: url(<link rel="preconnect" <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">);

  } 

div.label {    

    font-family: Open Sans;

    font-size: 20px;

    background-color:var(--bright);

    padding: 15px;

}

 p  {

      font-family: Open Sans;

      font-size: 15px;

      width:70vw;

  }

label{

      font-family: Open Sans;

      font-size: 15px;

      width:70vw;

}

  p::selection{

      color: white;

  }

h1 {

    font-family: Open Sans;

    font-size: 40px;

    width:70vw;

}

h2{

        font-family: Open Sans;

        font-size: 20px;

}

body {

    background-color:var(--background);

}

/* -----------Feed bearbeitung----------*/

main {

    background-color: var(--cream);

    padding-top: 1%;

    display: block;

    text-align: center;

}

.Ann {

    background-color: var(--background);

    padding-top: 1%;

    padding-bottom: 1%;

}

.TextAnn {

    display: flex;

    justify-content: center;

    text-align: center;

    background-color: var(--cream);

    margin-top: 1%;

}

p.Ann{

    color: var(--brown);

}

.KommentarAnn{

    font-family: Open Sans;

    font-size: 15px;

    padding: 15px;

    background-color:var(--cream);

    margin-top:1%;

   }

.Lena {

    background-color: var(--background);

    padding-top: 1% ;

    padding-bottom: 2%;

  }

  .TextLena{

    display: flex;

    justify-content: center;

    text-align: center;

    background-color: var(--cream);

    margin-top: 1%;

  }

  p.Lena{

    color: var(--brown);

}

  .KommentarLena{

    font-family: Open Sans;

    font-size: 15px;

    padding: 15px;

    background-color: var(--cream);

    margin-top: 1%;

   }

   /*Profil*/

   .Lukas{

    background-color: var(--background);

    padding-top: 1% ;

    padding-bottom: 2%;

  }

  .Eingabe{

      margin: 1%;

  }

  .field{

      margin-bottom: 1%;

      }

  .Formelles{

    text-align: match-parent;

}

   /*------------*/

img {

    padding-right: 1%;

}

  .LukasBilder{

      padding: 2%;

  }

h3:hover {     

transition: background-color 2s ;

background-color: var(--brown);

  }

JS-Datei:

Code:
const VornameInput = document.getElementById("Vorname-input");

const NachnameInput = document.getElementById("Nachname-input");

const GeburtstagInput = document.getElementById("Geburtstag-input");

const ueberMichInput = document.getElementById("ueber-mich");

const SpeicherButton = document.getElementById("enter-button");

SpeicherButton.addEventListener("click", enterEvent);

const Vorname = VornameInput.value;

const Nachname = NachnameInput.value;

const Geburtstag = GeburtstagInput.value;

const ueberMich = ueberMichInput.value;

function createNewEventEntry() {

    let Vorname = VornameInput.value;

    let Nachname = NachnameInput.value;

    let Geburtstag = GeburtstagInput.value;

    let ueberMich= ueberMichInput.value;

 }

 function felderInKonsoleAusgeben () {

     console.log("Vorname:", Vorname);

     console.log("Nachname:", Nachname);

     console.log("Geburtstag:", Geburtstag);

     console.log("UeberMich:", ueberMich);

 }

function validierung(Vorname, Nachname, Geburtstag) {

    if (!Vorname || !Nachname || !Geburtstag) {

        alert("Bitte fülle alle Felder aus! ");

        return false; }

        if (isNaN(Geburtstag)) {

            alert("Gebe den Geburtstag als Zahl an!");

            return false;

        }

return;

}

function enterEvent(evt) {

    evt.preventDefault();

    felderInKonsoleAusgeben;

    createNewEventEntry();

    validierung(Vorname, Nachname, Geburtstag, ueberMich);

}

HTML-Datei:

Code:
<!DOCTYPE html>

<html lang="de">

  <head>

    <meta charset="utf-8" />

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

    <meta name="description" content="Das wird einmal ein Instagram Clone" />

    <meta name="keywords" content="Instagram, Instagram 2.0, Clone" />

    <meta name="author" content="Emily Schlachter" />

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

    <script src="scripts.js" defer></script>

    <title>Instagram 2.0</title>

  </head>

  <body>

      <header>

        <div > <a href="instagram-clone_schlachter.html"> <h1>Gramml</h1> </a ></div>

         </header> 

         <ul id="navibereich">

          <li id="navi01"> <a href="profil.html"> <h2>Mein Profil </h2> </a> </li>

          <li id="navi02"> <a href="instagram-clone_schlachter.html"> <h2>Entdecken</h2></a> </li>

          <li id="navi01"> <a href="upload.html"><h2>Upload Picture</h2></a> </li>

            </ul>

          <div class="label">

            <label>Suche:</label>

            <input type="text"/> 

            </div>

     <main>

       <div class="Lukas">

         <h2>Lukas_W3br</h2> <br>

        <img

src="images/profilpic.jpg"

alt="Profil"

title="Profil"

height="150">

    </div>

    <div class="Eingabe" id="Eingabe">

    <div class="field">

                          <input id="Vorname-input" type="name" name="name" placeholder="Vorname" />

      </div>

      <div class="field">

                          <input id="Nachname-input" type="name" name="name" placeholder="Nachname" />

        </div>

        <div class="field">

                           <input id="Geburtstag-input" type="Datum" name="Datum" placeholder="Geburtsdatum" />

      </div>

      <label>Über mich: <br> </label>  

      <textarea name="Über mich" id="ueber-mich" cols="40" rows="5" maxcols="35" placeholder="Über mich:"  > </textarea>

    </div>

    <div class="Formelles">   

      <p> <input type="checkbox" name="AGB" value="News"> Datenschutzerklärung und AGB akzeptieren. </p>  

      </div>

      <button id="enter-button" class=" button" type="submit">

       Speichern

    </button>

     <div class="LukasBilder">

       <img

     src="images/hiking.webp"

     alt="Wanderung"

     title="Wanderung"

     height="150">

      <img

    src="images/yellow_jacked.webp"

    alt="Wanderung"

    title="Wanderung"

    width="250"

    height="150">

     <img

      src="images/dog_human.jpg"

  alt="Hund"

  title="Hund"

  width="250"

  height="150">

    </div>

 </main>

  </body>

</html>

Was ist dein Antrieb basti1012 ?

Geschrieben von: loveforever - 04.05.2022, 10:39 - Forum: Fehler,Probleme mit den Forum ? - Antworten (1)

	Hallo [b]basti1012[/b] würde zu gerne wissen, was dein Antrieb Leute/Menschen zu helfen? (z. B. dein Forum und dein Engagement ?)

Text in Zwischenablage Kopieren

Geschrieben von: furosemida sin receta - 03.05.2022, 15:05 - Forum: Javascript - Antworten (2)

	Ist es möglich ein angezeigtes Ergebnis mit einem Symbol-Klick, (das heißt KEIN Button) in die Zwischenablage zu kopieren?

CSS abgewinkelte Ecke erstellen

Geschrieben von: VernonLom - 03.05.2022, 10:00 - Forum: Css - Antworten (3)

	Hallo, ist es möglich, mit CSS ein Element an nur einer Seite abzuwinkeln, so wie in meinem Beispielbild und dann noch ein Text in der Mitte zu platzieren? Bezüglich Browsersupport soll es mir egal sein, also ich würde auch die neusten CSS Versionen benutzen, wenn das geht?

Scoreboard

Geschrieben von: GeistFan - 02.05.2022, 21:41 - Forum: Javascript - Antworten (6)

Hey, wisst ihr vielleicht wie ich mein Scoreboard zum laufen bringe?
Schaffe es nicht das der Wert Score auf der Seite ausgegeben wird.
Die function werd ich hier rein schreiben.

Code:
        function scoreBoard()

        {

            var score = 0;

            if(foodCollected == true);

            {

                set(score) ++;

            }

        }

Snake

Geschrieben von: GeistFan - 26.04.2022, 08:45 - Forum: Javascript - Antworten (4)

	Hallo, bin neu hier. Habe das Problem das man in meinem Snake Spiel nicht rückwärts gehen kann. Also wenn man sich selbst beißt stirbt man, aber wen man eine Länge von 3 erreicht hat und versucht in die Entgegengesetzte Richtung zu gehen stirbt man. Wie könnte ich das umgehen? Codepen LG

Handy design

Geschrieben von: Manni1012 - 25.04.2022, 14:01 - Forum: Fehler,Probleme mit den Forum ? - Antworten (2)

	Auf dem Desktop ist das Forum Recht vor, doch D den Handy muss man ständig scrollen er kann man daran irgendwas ändern? Oder gibt es dafür schon ne versteckte Einstellungen ?

Lokale Function Variable zur glober Variable machen.

Geschrieben von: rene2342342 - 24.04.2022, 16:41 - Forum: Javascript - Antworten (1)

Hi,
fange gerade an js zu erlernen.
Ich habe eine Funktion: (aus Html wird ein Text eingegeben und aus dieser Eingabe sollen div. Berechnungen erfolgen)

Code:
function Uebergabe() {

  let container = document.getElementById('vinn').innerHTML;

  vin =document.getElementById('vinn').innerHTML;

  return win;

}

document.write(Uebergabe());

Wie kann ich Variable win im anderen Teil des Codes anfragen ?
Danke schon mal

Tabellenzellen füllen mit Colorpicker - kann jemand helfen?

Geschrieben von: Biwo - 24.04.2022, 12:50 - Forum: Javascript - Antworten (26)

Hallo zusammen!
Ich hab vor Kurzem angefangen Javascript zu lernen und möchte ein kleines Programm schreiben, mit dem man Strickmuster planen kann.
Dazu frage ich in zwei Formularen ab, wie viele Maschen der oder die NutzerIn in Breite und Höhe haben möchte.
Den Colorpicker habe ich aus einem Tutorial. Mir geht es vor allem um den letzten Absatz, wo ich einfach nicht weiter weiß (this.style.backgroundcolor= XXX?)

Über Hinweise und Tipps wäre ich Sau dankbar! Vielen Dank schonmal!

Code:
let elementsArray = document.querySelectorAll('input[type="number"]');

elementsArray.forEach(function(elem) {

    elem.addEventListener("change", function() {

        document.getElementById("Pattern-Table").innerHTML=" "; 

        let row = document.getElementById("h-stitches").value;

        let col = document.getElementById("v-stitches").value;

        let table = document.createElement('table');

    for(i=0; i<row; i++) {

        let tr = document.createElement('tr');

        for(j=0; j<col; j++) {

            let td = document.createElement('td');

            td.innerHTML = " ";

            tr.appendChild(td);

        }

        table.appendChild(tr);

    }

    document.getElementById("Pattern-Table").appendChild(table);

    });

});

class ColorPicker {

constructor(root) {

this.root=root;

this.colorjoe = colorjoe.rgb(this.root.querySelector(".colorjoe"));

this.selectedColor = null;

this.savedColors = this.getSavedColors();

this.colorjoe.show();

this.setSelectedColor("#009578"); 

this.colorjoe.on("change", color => {

    this.setSelectedColor(color.hex(), true);

});

this.root.querySelectorAll(".saved-color").forEach((element, i) => {

    this.showSavedColor(element, this.savedColors[i]);

    element.addEventListener("mouseup", e => {

        if (e.button == 1) {

            this.saveColor(this.selectedColor, i);

            this.showSavedColor(element, this.selectedColor);

        }

        this.setSelectedColor(element.dataset.color);

    });

});

}

setSelectedColor(color, skipCjUpdate = false) {

    this.selectedColor = color;

    this.root.querySelector(".selected-color-text").textContent = color;

    this.root.querySelector(".selected-color").style.background = color;

    if (!skipCjUpdate) {

        this.colorjoe.set(color);

    }

}

getSavedColors() {

    const saved = JSON.parse(localStorage.getItem("colorpicker-saved") || "[]");

    console.log(saved);

    return new Array (5).fill("#ffffff").map((defaultColor, i) => {

        return saved[i] || defaultColor;

    }) 

}

showSavedColor(element, color) {

    element.style.background = color;

    element.dataset.color = color;

}

saveColor(color, i) {

    this.savedColors[i] = color;

    localStorage.setItem("colorpicked-saved", JSON.stringify(this.savedColors));

}

}

const cp = new ColorPicker(document.querySelector(".container"));

$('table').on('click', "td", function() {

    $(this).toggleClass("color");

  });

let Cells = document.querySelectorAll('td');

Cells.forEach(function(elem) {

    elem.addEventListener("onclick", function() {

    this.style.backgroundcolor = 

}

)

});

Javascript-Problem kann jemand helfen?

Geschrieben von: Blue - 23.04.2022, 16:18 - Forum: Javascript - Antworten (1)

Hallo zusammen Smile

Ich bin neu hier und hoffe mein Problem ist nicht fehl am platz, ich mache momentan ein Online-Video Kurs bei Udemy um Javascript zu lernen, jetzt ist folgendes passiert:
Ich habe mehrere Funktionen in einer gebündelt wie vom Dozent gefordert, plötzlich bekomme ich keinerlei Ausgabe in der Konsole mehr, stattdessen wird nur noch gemeldet: (diesen Fehler hat es vorher auch schon gemeldet)

Zitat:Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
1 Quelle
all.min.js:1

Ich bin noch dabei Javascript zu lernen und sehe mich selbst nicht in der Lage das Problem zu lösen, falls mir jemand weiterhelfen kann wäre ich Ihm oder Ihr sehr dankbar, falls mein Eintrag hier fehl am Platz ist möchte ich mich entschuldigen.

ps: die main.js

"use strict";
let einnahmen = 0, ausgaben = 0, bilanz = 0;
let titel, typ, betrag, datum;

// Eingabedaten holen

let Eintrag_erfassen = function(){
titel = prompt("Titel");
typ = prompt("Typ(Einnahme oder Ausgabe?):");
betrag = parseInt(prompt("betrag in Cent :"));
datum = prompt ("Datum? (jjjj-mm-dd):");

};

const Eintrag_ausgeben = function(titel, typ, betrag, datum){
console.log(`Titel: ${titel}
Typ: ${typ}
Betrag: ${betrag} Ct
Datum: ${datum}`
);

};

const Eintarg_mit_gesamtbilanz_verrechnen = function(typ, betrag){
if(typ==="Einnahme"){
einnahmen = einnahmen + betrag;
bilanz=bilanz + betrag;
} else if (typ==="Ausgabe"){
ausgaben = ausgaben + betrag;
bilanz=bilanz - betrag;

}else{
console.log(`Der typ ${typ} ist nicht bekannt`);
}
};

const gesamtbilanz_ausgeben = function(einnahmen, ausgaben, bilanz){

console.log(`Einnahmen: ${einnahmen}
Ausgaben: ${ausgaben} Ct
Bilanz : ${bilanz} Ct
bilanz ist Positive: ${bilanz >= 0}`);

const Eintrag_hinzufuegen = function(){
Eintrag_erfassen();
Eintrag_ausgeben(titel, typ, betrag, datum);
Eintarg_mit_gesamtbilanz_verrechnen(typ, betrag);
gesamtbilanz_ausgeben(einnahmen, ausgaben,bilanz);
};
Eintrag_hinzufuegen();
Eintrag_hinzufuegen();
Eintrag_hinzufuegen();

};

LG
Blue

Update : Ich habe den Fehler im Code entdeckt und es Funktioniert wieder, das Problem war dass ich ohne es zu merken meine Funktion "Eintrag_hinzufuegen();" in meine vorherige Funktion geschrieben habe, dass Problem mit dem navigator.userAgent habe ich allerdings weiterhin.

MFG

Seiten (8027): « Zurück 1 … 8010 8011 8012 8013 8014 … 8027 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken