Wie kann ich ein Passwort Prompt in JS erstellen?

Hi Leute!

Im Anhang ist ein Bild auf dem man sehen kann, was ich machen möchte. Habe im Internet gesucht und leider Nichts gefunden.

Ich danke jeder Antwort!

04.08.2021, 16:24

Hier das Bild ^^

2 Antworten

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren, JavaScript

04.08.2021, 16:32

Dies ist ein Popup vom HTTP Basic Authentication Framework. Dieses wird serverseitig vom Client gefordert. Du kannst es also nicht clientseitig aufrufen und die eingegebenen Daten auslesen. Hier findest du einen Überblick über diese Methode.

In JavaScript gibt es die prompt() Funktion. Damit kannst du ein Eingabefeld generieren. Passwörter werden da aber nicht mit Punkten dargestellt, sondern als Klartext. Mehr dazu hier.

Am besten machst du aber ein simples HTML-Formular, welches du dann auch mit JavaScript verwenden kannst.

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

04.08.2021, 16:32

Du kannst dir eine Basic Authentication einrichten. Dafür benötigst du kein JavaScript.

Wie das bei einem Apache Webserver einsetzbar ist, kannst du hier nachlesen. Für andere Webserver (Nginx, IIS, ...) solltest du separat recherchieren (Stichwort: Basic Authentication).

Ansonsten wäre ein Popup eine Option. Umsetzen lässt sich das im Prinzip, indem du eine Box (z.B. ein div-Element) absolut positionierst und initial ausblendest. Via JavaScript kannst du die Box sichtbar schalten (schau hier). In der Box richtest du dir dein Login-Formular ein. Den kompletten Authentifizierungsprozess (Nutzer anlegen, prüfen, etc.) müsstest du demzufolge natürlich auch noch selbst implementieren.

Ähnliche Beiträge

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

Kontaktformular mit JS?

Ich würde gerne ein Kontakt Formular erstellen, wo man seine Email,... auf der Webseite eingibt. Bis hierhin weiß ich wie alles funktioniert. Nur möchte ich die eingegebenen Daten an eine Email senden.

Beispiel:

User gibt seine email an: user@gmail.com

Dies wird denke ich mal in einer Variable gespeichert.

Wenn der User dies dann abschickt soll eine Email mit genau diesen Daten an eine Email von mir ankommen.

Wie ist das möglich? Habe nach Tutorials gesucht und nichts gefunden. Nur mit PHP. Hat wer ein Tutorial gefunden und könnte das hier rein schicken oder mir ähnliche Sachen schicken?

Danke für eure Hilfe!

...zum Beitrag

Ersetzten eines Textes in HTML mit JS?

Ich stehe vor folgendem Problem:
Ich möchte das meine JS Datei erkennt, wenn in einem <p></p> String ein bestimmtes Wort enthält und dieses dann ersetzt!
(im Beispiel nehme ich mal GuteFrage)

Beispiel:

<p> … GuteFrage ist … </p>
⇨ wird zu:
<p> Dieser Text wurde gelöscht! </p>

Finde im Internet nur replace, soweit war ich dann auch schon, danke dafür Internet :(

...zum Beitrag

Wie kann ich eine txt-Datei über <input> mit JS in eine Liste einlesen?

Ich will eine txt-Datei über:

<input type="file">

mit JavaScript in eine Liste einlesen, ohne sie auf meine Webspace laden zu müssen.

Im Internet habe ich leider nichts gefunden, das mich weitergebracht hat, aber vielleicht könnt ihr mir helfen. Vielen Dank im Vorhinein.

...zum Beitrag

P5 JS - wie erstelle ich eine bewegte Animation?

Liebe gutefragler :) ,

ich möchte gerne in p5 js ein Spiel erstellen. Es soll ein Vogel hoch fliegen sobald ich die Leertaste drücke. Ich für die Animation die entsprechenden Bilder.

Wie nennt man nun die Animation der einzelnen Bilder? Wäre nett wenn mir jemand weiterhelfen könnt, damit ich hier für ein Tutorial finden könnte.

Vielen dank im Voraus.

...zum Beitrag

Babel zu JS?

Hallo, ich habe im Netz eine Gallery gefunden, bei der man die Seiten wechseln kann. Jedoch ist der Code Babel.

Kann jemand ihn mir übersetzen?

const mySwiper = new Swiper(document.querySelector('.gallery'), {
  speed: 400,
  spaceBetween: 0,
  slidesPerView: 1,
  loop: true,
  navigation: {
    nextEl: '.gallery__nav-right',
    prevEl: '.gallery__nav-left'
  }
});

Devo

...zum Beitrag

Kann ich mithilfe von JS und phpMyAdmin/MySQL ein Login System für meine Website erstellen ohne node.JS?

Ich möchte als Schulprojekt eine Website für meine Klasse erstellen, bei der sich jeder Klassenkamerad mit seinem Name und der jeweiligen E-Mail Domain anmelden kann. Die Anmeldedaten sollen dann mit einer MySQL DB verglichen werden. Unser Hoster stellt uns die nötigen Features, wie phpMyAdmin, IMAP Konten, MySQL DB's etc., zur Verfügung. Ist es möglich den JS Code mit der Datenbank zu verknüpfen und wie geht das am besten? PHP wäre auch eine Option, aber vorerst wollte ich nur mit JS arbeiten.

...zum Beitrag

JS mehrere Button(gleiche klassen) nur der erste betätig bar?

Hallo zusammen,
anbei ein Foto. Wenn ich auf den Button "Note hinzufügen" klicke, reagiert immer nur der obere. Die neu erstellen(die darauf folgenden) reagieren nicht. Alle haben die gleiche CSS-Class. Untendrunter noch der Code-Schnipsel. Woran könnte das liegen ?
Mfg.
Emre

...zum Beitrag

Aus einer Txt eine Js Datei machen (txt dokument erstellen und daraus Javascript?

Bitte Helft mir

...zum Beitrag

Guter Anbieter für Domain und Web Hosting bei dem man mit HTML/CSS und JS selber seine Webseite erstellen kann?

Hallo kennt da jemand ein guter?
Es muss nur so einfach wie möglich sein aber ich will alles selber programmieren mit HTML CSS und JavaScript also sowas wie Wordpress oder ähnliches will ich gar nicht.

...zum Beitrag

Wie aktiviere ich mit JS bei einem <div>-Element den Vollbildmodus?

Hallo Leute,

Ich habe mich im Internet ein bisschen umgesehen, wie man mit JS ein <video>-Element in den Vollbildmodus schaltet. Folgendes Beispiel habe ich gesehen:

var elem = document.getElementById("name-of-element");

function activateFullscreen() {
  if(elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if(elem.mozRequestScreen) {
    elem.mozRequestScreen();
  } else if(elem.webkitRequestFullscreen) {
    elem.webkitRequestFullscreen();
  } else if(elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
  }
}

Bei einem <video>-Tag funktioniert das Ganze auch. Wenn ich es jedoch mit einem <div>-Container probiere, funktioniert es nicht. Kann mir jemand erklären wie das funktioniert?

Danke

...zum Beitrag

PHP-Webseite online stellen (Hoster)?

Hallo in die Runde,

ich erstelle seit einiger Zeit Webseiten mithilfe von PHP, HTML, JS und CSS. Bisher liefen all diese nur über XAMPP lokal. Nun möchte ich eine meiner Seiten veröffentlichen. Es gibt sicher verschiedene Anbieter, wo man seine Dateien hochladen kann und er diese dann hostet. Oder geht das nicht so einfach? Bin für jede Empfehlung dankbar.

LG, Markus

...zum Beitrag

JavaScript doppelte Werte in einem Array?

Hallo zusammen, Nur eine kurze JS Frage, zu der ich jedoch kurioserweise keine für mich einfache Antwort finde ^^. Ich würde gerne eine Funktion in JS erstellen, die in einem Array nach doppelten Werten der Variabeln sucht und diese dann möglichst zurückgibt.

    var x = [1, 3, 2, 3, 4]; //Jetzt müsste die Funktion 3 zurückgeben

Wie wäre dies am einfachsten zu bewältigen? Tut mir leid, ich bin echt noch ein Anfänger (: Vielen Dank!

...zum Beitrag

E-Mail aus Formular generieren mit Antwort Buttons?

Hallo!

Ich möchte eine HTML/JS Formular erstellen, bei welchem ich nach dem Absenden eine E-Mail bekomme. Diese E-Mail soll allerdings 3 Buttons haben. Bei jedem dieser Buttons soll ein vorgefertigter Text zurück gesendet werden. Ist sowas möglich, wenn ja wie?

Beispiel:

Formular:
Name: Max
Preis: 100€

Antwort A:
Hallo Max, 100€ klingt gut.

Antwort B:

Hallo Max, 100 klingt schlecht.

...

MfG

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen