HTML code geht Button nicht?

Ich hab gerade ein Login feld mit HTML und ich will nachdem man weiter gedrückt hat das das fenster weg geht, wie kann ich das coden?

1 Antwort

IrgenwerFragt

29.05.2023, 14:05

GPT

Um ein Login-Feld in HTML zu erstellen und das Fenster nach dem Klicken auf den Weiter-Button zu schließen, kannst du JavaScript verwenden. Hier ist ein Beispielcode, der dir helfen sollte:

```html

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

function weiter() {

// Hier kannst du den Code einfügen, der nach dem Klick auf "Weiter" ausgeführt werden soll.

// Du kannst zum Beispiel überprüfen, ob die eingegebenen Login-Daten korrekt sind und dann das Fenster schließen.

// Hier ist ein Beispiel, das einfach das aktuelle Fenster schließt:

window.close();

}

</script>

</head>

<body>

<h2>Login</h2>

<form>

<label for="username">Benutzername:</label>

<label for="password">Passwort:</label>

</form>

</body>

</html>

```

In diesem Beispiel wird die JavaScript-Funktion `weiter()` aufgerufen, wenn der Benutzer auf den "Weiter"-Button klickt. Du kannst den Code innerhalb dieser Funktion anpassen, um die gewünschte Funktionalität zu implementieren. In diesem Beispiel wird einfach das aktuelle Fenster mit `window.close()` geschlossen. Beachte jedoch, dass `window.close()` nur in bestimmten Fällen funktioniert, zum Beispiel wenn das Fenster durch JavaScript geöffnet wurde. In den meisten modernen Webbrowsern kann JavaScript das Hauptfenster nicht schließen, das von einem Benutzer geöffnet wurde.

Es ist wichtig anzumerken, dass das Schließen des Browserfensters ohne vorherige Benachrichtigung oder Bestätigung für den Benutzer eine unerwünschte Erfahrung sein kann. In den meisten Fällen ist es besser, das Login-Fenster auszublenden oder zu ersetzen, anstatt es zu schließen.

Ähnliche Beiträge

Hintergrund mit button ändern?

Beim folgenden Code ändert sich die Farbe von Hintergrund, Schrift.außerdem die Beschriftung vom Button auf die Farbe die als nächstes kommt.

Ich würde aber gerne noch eine dritte Farbe hinzufügen aber auch nach lagen googlen leider nicht fündig geworden des halb Versuche ich es nochmal hier.

...zum Beitrag

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

...zum Beitrag

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zum Beitrag

javascript Fehler, wtf?

Hab in meinem ganzen 5 Jahren als js dev noch nie so einen Fehler gehabt.

Code:

<!DOCTYPE html>

<head>

</head>

<body>

<button id="login" onclick="save()">login</button>

var name = document.getElementById("name")

var password = document.getElementById("password")

function save() {

alert(name.value, password.value)

}

</script>

</body>

</html>

ich experimentiere in letzter Zeit wieder etwas mit firebase. Hab als test projekt mal zwei inputs mit login button erstellt. So und jetzt gibt diesen html code mal in eine html file ein und führt es aus. Aus irgendeinem Grund wird bei name undefined alerted und der value von password wird wie erwartet alerted. Warum funktioniert das bei password, aber nicht bei name?? Hab schon mehrere code editoren ausprobiert und überall das gleiche Problem. Weiß jmd wo der Fehler ist?

Mfg Weißbrot

...zum Beitrag

Html Buttons mit Tastatur?

Hallo ich habe ein Input Feld mit dem Type Text und daneben eines mit dem Type Button und eigentlich funktioniert auch alles aber wenn ich im Textfeld bin und enter drücke soll das selbe passieren wie wenn ich auf den Button drücke aber stattdessen wird die Seite neu geladen?

...zum Beitrag

CSS Button und collapsible nebeneinander bekommen?

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

...zum Beitrag

javascript api probleme?

Hallo,

guckt euch mal meinen Code an.

JAVASCRIPT:

// INPUT
const login = document.getElementById("loginInput");
const password = document.getElementById("passwordInput");
const button = document.getElementById("sendButton");


// FETCH
const url = "https://crudcrud.com/api/4b3acc467d8c47d8a608bb9820171935/todos"



const dataRender = (array) => {
  if (array === undefined) {
    console.log("Loading results...");
  } else {
    let dataList = array.map((item) => {
      return `
      <div class="users">
        <p>${item.login}</p>
        <button onclick="deleteRequest(${item.id})">Delete</button>
        </div>
        `;
    });
    const getHtml = document.getElementById("userTable");
    getHtml.innerHTML = dataList.join("");
  }
};


const fetchData = async () => {
  try {
    const response = await fetch(url);
    const data = await response.json();
    dataRender(data);
  } catch (error) {
    console.error(error);
  }
};



fetchData();


const postRequest = async () => {
  const data = {
    login: login.value,
    password: password.value,
    isLogin: false,
  };


  try {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(data),
    });


    const results = await response.json();
    console.log(results.message);
  } catch (error) {
    console.error(error);
  }


};


button.addEventListener("click", postRequest);


const deleteRequest = async (id) => {
  try {
    const response = await fetch(`${url}/${id}`, {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
      }
    })
    const results = await response.json()
    console.log(results.message);
  }
  catch (error) {
    console.error(error);
  }
}

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD</title>
  <script  defer src="./script.js"></script>
</head>
<body>
  <form>
    <input id="loginInput" type="text" placeholder="Login">    
    <input id="passwordInput" type="password" placeholder="Password">    
    <button onclick="" id="sendButton">Send</button>


    <div id="userTable">
      
    </div>
  </form>
</body>
</html>

Mein Ziel:

Wenn ihr auf das button "Send" drückt, dann erscheint ja der value von dem input "login" auf HTML (innerHTML heisst das glaube ich). Und zusammen mit dem value erscheint auch ein anderer Button namens "Delete". Mein Ziel ist es, dass wenn ich auf "Delete" drücke, dann sollte das item aus Backend-Server und aus HTML gelöscht werden. Aber das klappt bei mir die ganze Zeit nicht. Einfacher ist es wenn ihr meinen Code einfügt und selber mal den Code testet, dann werdet ihr verstehen, was ich machen will.

Bitte helft mir! Ich sitze schon wirklich lange dranrum und ohne Erfolg!

Dankeschön im Voraus!

MfG

MrOsmo

...zum Beitrag

Button in html?

Wie erstelle ich Button in html die man nach links verschieben kann und wenn ein anderer verschoben wird, dass der andere wieder zurück in die ursprüngliche Lage geht.

Wenn möglich sollte der Code (html, css und javascript) möglichst kurz sein und für PC sowie mobile Geräte verfügbar sein.

Danke

...zum Beitrag

"textarea" html Feld mitwachsen?

<textarea class="form-control" name="Adresse">{if $pdf}{$values.Adresse|nl2br}{/if}</textarea>

Kann man dieses Feld so schreiben, dass es mitwächst. Das KEIN Scrollbalken kommt, sondern wie schon gesagt mitwächst

...zum Beitrag

App aus HTML Code?

Hallo,

ich habe einen HTML-Code und möchte diesen Code zu einer IOS App machen. Diese App soll dann auf Schulgeräten installiert werden. Wie kann ich das machen?

...zum Beitrag

Hey, ich habe vor langer Zeit mal ne HTML Seite erstellt und habe separat ein Login Feld erstellt. Wollte nun diese meiner Seite hinzufügen aber weiß leider nicht wie. Ich lerne gerne also danke an alle die mir heifen

...zum Beitrag

Html css und php zusammen?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

...zum Beitrag

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

HTML - Wo finde ich im Internet die Codes für Teilen-Buttons?

Mit einem Button auf meiner Homepage kann man die Seite per WhatsApp teilen.

Hier der HTML-Code dazu:

Ich möchte so einen Button aber auch für Facebook, Instagram, Telegram, Twitter und Pinterest auf meiner Homepage.

Wo kann ich im Internet die jeweiligen Codes (stimmt der Ausdruck?) finden?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen