JavaScript Groß/kleinschreibung ignorieren?

zum beispiel

let x = "Hallo";
if(x == "hallo"){
alert(x);
}

würde natürlich nicht funktionieren

ich könnte jetzt

let x = "Hallo";
if(x == "hallo" || x == "Hallo"){
alert(x);
}

schreiben entweder "hallo" oder "Hallo"

Aber was mache ich wenn x = HALlo, HaLlO ist usw. weil der Nutzer nicht normal tippen kann.

Ich kann nicht 25 verschiedene Hallos als entweder oder vorbereiten deswegen, müsste einen einfachen weg geben

6 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

EinTyppie

19.05.2022, 15:57

Aber was mache ich wenn x = HALlo, HaLlO ist usw. weil der Nutzer nicht normal tippen kann.

Du konvertierst jeden eingenommenen String einfach zu lowercase und arbeitest damit dann weiter.

Willkommen beim User Handling btw. Es gibt keinen größeren Fehlerfaktor als die enduser. Die lassen sich immer irgendwas einfallen, woran du nie denken würdest, und auf einmal crasht dein code

Woher ich das weiß:eigene Erfahrung – Ich programmiere seit vielen Jahren alles Mögliche

Hedhhdgtf

Fragesteller

19.05.2022, 16:04

Es gibt keinen größeren Fehlerfaktor als die enduser.

Man muss die erstmal 2 stunden schulen wie was funktioniert xd

Erzesel

19.05.2022, 17:00

Layer 8

...als ich noch an "meiner" Steuersoftware für eine Industrieanlage arbeitete, hatten wir sogar Szenarien wie einschlafen auf der Tastatur oder spontansex auf dem Schreibtisch berücksichtigt. ...oder das der Typ bei einer Fehlermeldung einfach davonrennt...

Man kann nie schräg genug denken...😅

Erzesel

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

PC, Computer, programmieren

19.05.2022, 17:14

Die Nummer mit .toUpper... mag zwar für die Meisten Fälle recht passend sein, aber hier klang auch ein (un)möglicher Dau an der Tastatur an.

Da JavaScript hauptsächlich auf Clients ausgeführt wird, sollte man auch Französische, Polnische,Cechische oder Türkische Sonderzeichen berücksichtigen...

Dazu eine recht interessante Diskussion:

https://stackoverflow.com/questions/2140627/how-to-do-case-insensitive-string-comparison

Bevorzugt :

https://stackoverflow.com/a/2140723

Tilo2300

19.05.2022, 16:05

How to do case insensitive string comparison?

https://stackoverflow.com/questions/2140627/how-to-do-case-insensitive-string-comparison

germanils

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

19.05.2022, 15:58

https://masteringjs.io/tutorials/fundamentals/compare-strings-ignore-case

Woher ich das weiß:Berufserfahrung – Entwicklung von Apps und Websites

Gzus08

19.05.2022, 15:58

Formatier doch einfach den Input-Text zu lower case

x.toLowerCase();

Ähnliche Fragen

Verstehe nicht, warum es falsch ist?

// loggen der Variabeln-Name für den Login-Button //

let loggen = document.getElementById("login");


loggen.addEventListener("click", function() {
  
// eingabeFeld ist der Name für das Inputfeld //  
let eingabeFeld = document.getElementById("field");

eingabeFeld.value;
if (eingabeFeld.includes("huso1234")) {
alert("Ja, das Passwort ist richtig");
}
else {
    alert("Das Passwort ist falsch");
}
eingabeFeld.textContent = "";
});

Funktioniert halt einfach nicht. Es handelt sich hierbei um die Programmiersprache JavaScript. Es kommt kein Alert und am Ende geht der Text auch nicht weg vom Inputfeld.

...zur Frage

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zur Frage

JavaScript Problem?

Hab mir einen Passwort Generator gemacht (Code unten), aber irgendwas stimmt da manchmal nicht und ich komm nicht drauf.

Ist noch nicht fertig oder überhaupt ein Krasser Passwort Generator aber hab den aus Langeweile gemacht und dieser Fehler stört mich.

Kann mir jemand weiterhelfen ?

Hier steht kein Undefined.

Hier steht ein Undefined mitten im erstellten Passwort.

Ist nur kurzer JavaScript Code:


let pwLength = 12;
let randomNumber  = Math.round(Math.random() *3);
let ALPHABET = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',  'S', 'T', 'U', 'V', 'W', 'X','Y', 'Z' ];
let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let Numbers = ["0","1","2","3","4","5","6","7","8","9"];
let SpecialChar = 
            ["!", "*", "#" ,"," ,";" ,"?", "+", "-", "_" ,".", "=", "~", "^", "%", "(", ")" ,"{", "}", "[", "]", "|", ":", "/" ];
let passwort = "";


    for (i = 0; i <= pwLength - 1; i++){
    /* zufällige Zahl zwischen 0-3,
    Bei jedem Schleifendurchgang geht es in ein anderes if statement rein */
    randomNumber  = Math.round(Math.random() *3);


                    // +1 Großbuchstabe
                if (randomNumber == 0){
                passwort += ALPHABET[Math.round(Math.random() *ALPHABET.length)]; }
                  // +1 Kleinbuchstabe
                if (randomNumber == 1){
                passwort += alphabet[Math.round(Math.random() *alphabet.length)];}
                  // +1 Zahl
                if (randomNumber == 2){
                   passwort += Numbers[Math.round(Math.random() *Numbers.length)];}
                    // +1 Sonderzeichen
                if (randomNumber == 3){
                passwort += SpecialChar[Math.round(Math.random() *SpecialChar.length)];}
    }
                if (passwort.includes("undefined")){
                console.log("Undefined Fehler, Passwort lautet " + passwort);}
                else{ console.log("Dein Passwort lautet : " +passwort )}

Glaube mit Switch Case wäre das besser als if, hab ich aber nie benutzt nur in Tutorials mal gesehen

...zur Frage

JavaScript: Schachbrett Schleifen?

Leute, bitte, ich brauche Hilfe, wer programmieren kann.

Ich habe es versucht, aber keine Ahnung warum, es funktioniert nicht.

Ich wäre sehr dankbar, wenn ich Tipps oder so hier bekommen würde.

Was fehlt? Was ist falsch?

JavaScript:

"use strict";

window.addEventListener("load", init);

let i;
let t;
let tr;
let td;

function init() {
  console.log("Fenster ist geladen");

  let btn = document.getElementById("btn");
  btn.addEventListener("click", btn_angeklickt);
}

function btn_angeklickt() {
  console.log("btn angecklickt");

  let zeilen = document.getElementById("zeilen").value;
  console.log(zeilen);

  let spalten = document.getElementById("spalten").value;
  console.log(spalten);

  let table = document.getElementById("bratan");
  
  for (i = 0; i < spalten.value; i++);
  {
    tr = document.createElement("tr");
    table.appendChild(tr);

    for (t = 0; t < zeilen.value; t++);
    {
      td = document.createElement("td");

      if (i % 2 == t % 2) {
        td.style.backgroundColor = colors[0];
        td.style.height = "60px";
        td.style.width = "60px";
      }
      else {
        td.style.backgroundColor = colors[1];
        td.style.height = "60px";
        td.style.width = "60px";
      }
    }
  }

  tr.appendChild(td);
}

let colors = ["#044272", "#80AB52"];

HTML:

  <label for="Anzahl">Zeilen</label>
  <input type="number" id="zeilen">
  <br><br>
  <label for="Anzahl">Spalten</label>
  <input type="number" id="spalten">
</form>
<br>
<button type="button" id="btn" value="btn">erstelle Schachbrett</button>
<table id="bratan"></table>

...zur Frage

E-Mail Adresse bestätigen! HTML JavaScript Code?

Hallo zusammen, ich brauche einen JavaScript Code für die zwei E-Mail Adresse zu bestätigen. Wenn eine andere oder falsche mail Adresse eintippt wie oben soll eine Fehler Meldung erscheinen!

Habe zwar eine JavaScript Code, aber der geht nicht!

function check() {

if (document.forms['Check'].elements['Bestaetigungsmail'].value != document.forms['Check'].elements['Bestaetigungsmail_2'].value) {

alert("uups!");

}

else {document.forms['Check'].submit();}

}

...zur Frage

Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

...zur Frage

Spotify API Get Methode Blocked?

Moin, hab mal ne Frage, da ich es einfach nicht hin bekomme. Ich habe vor sowas wie eine Musikwunsch Seite für ein Schul Projekt zu coden. Dafür will ich die Spotify API nutzen, damit man über diese Songs suchen kann. Es kommt aber immer in der Netzwerkanalyse der Fehler NS_BINDING_ABORTED, obwohl mein Access Token korrekt ist. Hier ist meine script.js

const API_ENDPOINT = "https://api.spotify.com/v1/search";
const ACCESS_TOKEN = "your_access_token";

function searchSong() {
    let songName = document.getElementById("song-name").value;

    fetch(`${API_ENDPOINT}?q=${songName}&type=track`, {
        headers: {
            "Authorization": `Bearer ${ACCESS_TOKEN}`
        }
    })
    .then(response => response.json())
    .then(data => {
        let songResults = data.tracks.items;

        if (songResults.length > 0) {
            let songList = document.createElement("ul");

            for (let i = 0; i < songResults.length; i++) {
                let song = songResults[i];

                let songItem = document.createElement("li");
                songItem.innerHTML = `<a href="javascript:void(0)" onclick="selectSong('${song.id}')">${song.name} by ${song.artists[0].name}</a>`;

                songList.appendChild(songItem);
            }

            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "";
            songResultsDiv.appendChild(songList);
        } else {
            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "Sorry, no songs found.";
        }
    })
    .catch(error => {
        const errorMessage = document.getElementById("error-message");
        errorMessage.innerText = error;
    });
}

function selectSong(songId) {
    fetch("db.php", {
        method: "POST",
        body: JSON.stringify({songId: songId}),
        headers: {
            "Content-Type": "application/json"
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert("Song added to the list!");
        } else {
            alert("Error adding song to the list.");
        }
    })
    .catch(error => {
        console.log(error);
    });
}

Hier ist dann noch die Index.html:

 <!DOCTYPE html>
<html>
<head>
    <title>DJ Song Request</title>
    <script src="script.js"></script>
</head>
<body>
    <h1>DJ Song Request</h1>
    <form>
        <label for="song-name">Enter song name:</label>
        <input type="text" id="song-name" name="song-name">
        <button type="submit" onclick="searchSong()">Search</button>
    </form>
    <div id="song-results"></div>
</body>
</html>

Vielleicht kann mir ja jemand helfen, da ich echt nicht mehr weiter weiß, im vorraus schon mal Vielen Dank ;D

...zur Frage

Wie kann ich mit JavaScript eine einfache Validierung umsetzen?

Hallo zusammne,

ich möchte gerne, dass wenn man in das Inputfield vom Typ email etwas eingibt, eine alert-Funktion aufgerufen wird. Die Funktion soll erst aufgerufen werden, wenn in das Eingabefeld vom Typ email fünf Zeichen eingegben worden sind.

Beispiele:

Maxmu (hier sollte das alert aufgerufen werden) stermann@muster.com, wäre richtig.
ds@d, wäre falsch, da nur vier Zeichen eingegeben worden sind und die Funktion sollte nicht aufgerufen werden.

Hier das Codebeispiel.

HTML:

<!DOCTYPE html>
<html lang="en">
  <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">
    <title>Document</title>
    <link rel="Stylesheet" href="style.css">
    <script src="Übungen.js"></script>
  </head>
  <body>
    <form>
      <label for Anmelden>Anmelden</label>
      <input type="email" name="Anmelden" id="Anmelden">
      <label for Password>Password</label>
      <input type="password" name="Password" id="Passwort">
      <button type="button" onclick="Einloggen()">Anmelden</button>
    </form>
  </body>
</html>

JavaScript:

const Anmeldedaten = document.getElementById("Anmelden").innerHTML;

function Einloggen() {
  if (Anmeldedaten.length > 5) {
    alert("Es hat geklappt!");
  }
}

Ich bedanke mich im Voraus bei euch. :)

...zur Frage

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zur Frage

Gibt es einen weg das wider zu entschlüsseln?

ich habe auf der Seite https://obfuscator.io meinen JavaScript code verschlüsselt.

kann ich vom verschlüsselten code wieder zurück zum javascript code, wenn ja wie?

mein Code:

function be() {
    let eingabe = document.getElementById('password').value;
    if (eingabe == 'das ist gut') {
        re();
    } else {
        alert('Falsches Passwort');
    }
}

function re() {
    let feld = document.getElementById('pas');
    feld.remove();
}

function lock() {
    document.getElementById('bod').innerHTML += `<div class="pass" id="pas">
    <div class="pass-1">
        <div class="pass-2 pass-3">
            <h2>Passwort eingeben um fortzufahren</h2>
        </div>
        <div class="pass-2">
            <input type="password" id="password" placeholder="Passwort eingeben">
        </div>
        <div class="pass-2">
            <button class="pass-4" onclick="be()">Betätigen</button>
        </div>
    </div>
</div>`
}

...zur Frage

Ich habe angefangen Schere Stein Papier in JavaScript zu programmieren leider funktioniert die Ergebnis Auswertung am Ende nicht. Wo ist der Fehler?

Das ist der JS Code:

FuEingabe();
    function FuEingabe() {
    var eingabe = prompt("Bitte gib: Schere, Stein oder Papier ein!", "Schere, Stein, Papier");
}
    switch(FuEingabe()) {

        case "Schere":
        
        zufallenemyeingabe();
        break;

        case "Stein":
        
        zufallenemyeingabe();
        break;

        case "Papier":
        
        zufallenemyeingabe();
        break;

        default:

        alert("Ungültig!");

}
function zufallenemyeingabe() {
    var max = 3;
    var min = 1;
    var zufallzahl = (Math.random() * (max - min)) + min;
    console.log("Die Zufallzahl lautet: " + zufallzahl);
    var zufallzahlround = Math.round(zufallzahl);
    console.log("Die gerundete Zufallzahl heißt: " + zufallzahlround);
    var StEingabe = "non";

    switch(zufallzahlround){

        case 1:
        StEingabe = "Stein";
        break;

        case 2:
        StEingabe = "Papier";
        break;

        case 3:
        StEingabe = "Schere";
        break;

        default: 
        console.log("Error 01: Computer hat kein Ergebnis generiert!");
    }
    console.log(StEingabe);
    alert("Der Computer hat " + StEingabe) + " gewählt.";
    return StEingabe

}

function ergebnisauswertung() {
    var gewinner = "nil";
    var PlayEingabe = FuEingabe();

    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Schere") { 

        gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Stein") {
        gewinner = "PC";

    }
                                                           
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Papier") {
        gewinner = "Player";

    }
                                                             
                                                              
     //Eigentliches Vergleichen der Wahl - Stein 
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Stein") {
        gewinner = "Unentschieden!";
        

    }
                                                           
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Schere") {
        gewinner = "Player";

    }
                                                            
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Papier") {
        gewinner = "PC";

    }
                                                            
                                                            
    //Eigentliches Vergleichen der Wahl - Papier 
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Papier") {
    gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Schere") { 

        gewinner = "PC";


    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Stein") { 

        gewinner = "Player";

    }

    return gewinner;
                                                            
}
var gewinner = ergebnisauswertung();
console.log(gewinner);
if (ergebnisauswertung() == "Player") {
    alert("Du gewinnst!");
}

...zur Frage

JavaScript Wörter aus Sätzen zu Array machen?

Es ist eigentlich gar nicht schwer aber ich komm nicht mehr darauf wie ich das gemacht habe.

Beispiel

let x = "hallo wie gehts es dir";

und das Array soll dann so aussehen :

 output = ["hallo", "wie" ,"geht","es","dir"];

Mein Ansatz war das

x ="hallo wie geht es dir";
output = '[' +  x.split("") + ']';
alert(output);

und das kam dabei

[h,a,l,l,o, ,w,i,e, ,g,e,h,t, ,e,s, ,d,i,r, ]

Wie man sieht keine " " oder ' ' und jeder Buchstabe hat ein Komma anstatt jedes Wort.

...zur Frage

Javascript funktion um gewisse Uhrzeit, setinterval Ressourcen Belastung?

Hallo zusammen

Ich bräuchte eine function, welche immer um die gleiche Uhrzeit, jeden Tags ausgeführt wird. Jeden Tag um 23:59

Nun habe ich eine setInterval function welche jede sekunde ausgeführt wird. wenn die aktuelle uhrzeit 23:59:0 betrifft, wird die eigentliche function ausgeführt.

Meine Frage: Ist das sehr ressourcen verbrauchend, da jede sekunde abgefragt wird?

function tick() {
  //get the mins of the current time
  var mins = new Date().getMinutes();
  var sec = new Date().getSeconds();
  var hours = new Date().getHours();
  var time_stamp = "23:59:0";
  var time_stamp = "15:20:0";
  var current_time = hours + ":" + mins + ":" + sec;
  
  if (current_time == time_stamp) {
    alert('Do stuff');
  }
  console.log('Tick ' + hours + ":" + mins + ":" + sec);
}


setInterval(tick, 1000);

...zur Frage

Source Code von Website auslesen mit JavaScript?

Hallo,

ich bin gerade am verzweifeln. Ich wollte eigentlich nur noch kurz eine kleine Sache an meiner Website programmieren, aber jetzt hänge ich schon seit einer Stunde an einem Problem. Ich will einfach nur den Source Code von einer Website auslesen, also den in JavaScript dann als Variable haben, aber der Code funktioniert einfach nicht. Keine Ahnung warum. Habt ihr vielleicht Ideen?

Hinweis: Wenn ich ein alert in die onreadystatechange function mache wird dieses angezeit, doch wenn ich es in den if-Block darin einschließe nicht mehr.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen