Per if Abfrage schauen ob Button gedrückt wird JavaScript?

Hi, ich versuche es hinzubekommen, dass wenn ein Button gedrückt wird eine Funktion aufgerufen wird. Wenn nicht dann eine andere. Ungefähr so soll es aussehen:

if (Button1 wurde angeklickt) {
   submit()
} else {
   counter()
}

Klingt einfach, aber ich hab nichts brauchbares gefunden...

08.04.2021, 15:41

Button 1 mit der id "submit"

3 Antworten

BeamerBen

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, programmieren

08.04.2021, 16:10

Informiere dich über das JavaScript Event System.

Normalerweise macht man das nicht über ein if Statement.

Hier findest du eine deutsche Erklärung: https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/DOM/Ereignisverarbeitung

Falls du Englisch kannst: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events

Woher ich das weiß:Berufserfahrung – Software Entwickler / Devops

BeamerBen

08.04.2021, 16:11

edit: Ich habe gesehen das die MDN Seite zum großteil nicht übersetzt war, deswegen habe ich den Link ausgetauscht und auf selfhtml verlinkt

Zellner82

08.04.2021, 15:44

Die Seite, wenn du Englisch kannst, von

www.w3schools.com

ist hin und wieder für die Anfänge geeignet.

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

08.04.2021, 15:44

ich versuche es hinzubekommen, dass wenn ein Button gedrückt wird eine Funktion aufgerufen wird.

<!doctype html>
<title>click button</title>
<script>
function hello(text) {
  alert(text)
}
</script>
<button onclick="hello('world')">click me!</button>

Alex

Hallo

Ich habe mir einen kleinen Rechner gebastelt und möchte da nun die Eingabefelder mit Javascript auslesen. Das funktioniert auch alles.

Allerdings mache ich das ganze mit einem normalen anstelle eines Submit-Buttons, da sonst die Seite neu geladen wird und dadurch alle Werte in den Eingabefeldern weg sind.

Mein Problem dabei ist, das, wenn man Enter drückt, meine Funktion nicht aufgerufen wird, da es ja nur ein gewöhnlicher Button ist. Ist es möglich, ein Mittelding zwischen beiden Buttons zu machen? Also einerseits soll die Seite nicht neu geladen werden (was beim Submit-Button passieren würde), andererseits soll, wenn man Enter drückt, die Funktion eines bestimmten Buttons ausgeführt werden.

Ich hoffe, ihr könnt mir helfen.

Phippe

...zur Frage

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zur Frage

Warum wird die Seite neu geladen wenn ich etwas eingebe?

Hallo!

Ich bin nicht wirklich erfahren in PHP und lerne indem ich neue Dinge ausprobiere, kopiere, etc. Nun habe ich folgenden Code für eine Passworteingabe:

<?php
$passwort = "test";
if (isset($_POST["go"])) {
    if ($_POST["name"] == $passwort) {

    } else {

    }
} else {
    ?>
    <form class="webflow-style-input" method="post">
        <input class="popup_password" type="Password" required placeholder="Passwort eingeben" name="name">
        <input class="popup_submit" type="Submit" name="go" value=">">
    </form>
<?php } ?>

Wenn ich nun Text eingebe und ihn absende lädt die Seite neu. Weiß jemand wieso und wenn ja wie ich das abschalten kann?

...zur Frage

JavaScript problem mit var und if?

Hallo Menschen,

ich will eine js datei machen die wenn man über 18 ist soll man weiter zu nächsten if abfrage kommen unzwar ob man eine kognitiveerkrankung hat, wenn sie true ist soll man in einer var = msg der text "Du hast eine kognitiveerkrankung und desdwegen darfst du den Führerschein nicht machen. " gespeichert werden und wenn es false ist in der else eine neue if anfrage sein die abfragt ob man eine körperliche behinderung hat. wenn es true ist soll in der var = msg der text "du hast zwar eine behinderung, kannst mit hilfsmitten den führerschein aber trotzdem machen. " stehen und wenn false in der else der text (in der var = msg) "Du hast keine erkrankung oder behinderung. Außerdem bist du über 18 also darfst du den Führerschein machen. "

das ist mein Code:

const alter
const kognitivebehinderung
const behinderung
alter = 18
kognitivebehinderung = true
behinderung = true
var msg
if (alter <= 18) {
  msg ="Du bist nicht 18, du darfst kein Führerschein machen. "
} else{
  if (kognitivebehinderung == true) {
    msg +="Du hast außerdem eine kognitivebehinderung also darfst du kein Fühereschein machen. "
  } else {
    if (behinderung == true) {
      msg +="Du hast zwar eine Körperliche behinderung aber du darfst den fürherschein machen. "
    } else {
      msg +="Du hast nichts und darfst den führerschein machen. du hast keine erkrankung oder behinderung. Außerdem bist du über 18 Jahre alt. "
    }
  }
}
alert(msg);

...zur Frage

Javascript fehler Button Disable?

Das Script erstellt 3 Button, 2 Zum Aktivieren und zum Deaktivieren. Zu Testzwecken noch ein simples Mini-programm. Aber irgendwie funktioniert das nicht.

<button onclick="locker(1)">Lock</button>

<button onclick="locker(2)">Unlock</button>

<input type="button" onclick="tellMessage()" id="btn01" value="OK">

<script>

var mtd = ("")

var a =

function locker(a) {

if (a = 1){

document.getElementById("btn01").disabled = true;

}

else

if (a = 2){

document.getElementsById("btn01").disabled = false

}

function tellMessage() {

mtd = prompt("Please enter message to display", "Your message...")

alert(mtd)

}

</script>

...zur Frage

Wie sende ich Variablen von JavaScript nach Flask via jQuery?

Hallo,

ich bin in JavaScript/jQuery und auch Python/Flask noch ein ziemlicher Anfänger. Ich versuche gerade, einfach nur ein JSON-Objekt aus JavaScript in einem HTML-Template mit Flask anzuzeigen.

Hier mein Code:

Flask:

from flask import Flask,request, render_template

app = Flask(__name__)

@app.route("/")
def rofl():
  return render_template("test.html")

@app.route("/test", methods=['POST'])
def test():
  Namensliste = request.get_json(True)
  print(Namensliste)
  return render_template("rofl.html", Namensliste=Namensliste)

if __name__ == '__main__':
  app.run(port=5200)

test.html:

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form action="#" method="post">
    <button type="button" onclick="JSONTest()"> Send UserInfo</button>
  </form>
</body>

rofl.html:

<head>
  <meta charset="UTF-8">
  <title>Titel</title>
</head>
<body>
  NamensListe: {{Namensliste}}
</body>

JavaScript-Datei:

var myJason = {
  "name1" : "Jens",
  "name2" : "Josef",
  "name3" : "Johannes"
}

function JSONTest() {
  var MyJason= JSON.stringify(myJason);
  console.log(MyJason)
  $.ajax({
    type: 'POST',
    url: '/test',
    data: MyJason,
    success: function(data) {
      console.log(data, "Rückmeldung1");
  }});
}

Wie mein Code eigentlich funktionieren soll ist: Ich rufe die Route "/" auf, drücke auf den Button: "JSONTest()" und meine Funktion sendet via jQuery mein JSON-Objekt an "/test". Dort wird das Objekt in Namensliste gespeichert und rofl.html mit der Namensliste darin aufgerufen.

Ich weiß, dass hier wahrscheinlich viele Grundlagenfehler drin sind, aber ich habe wirklich ewig lang gegooglet und finde einfach nicht, wie man es richtig macht.

Danke schon einmal für jede Idee.

...zur Frage

JavaScript soll kontrollieren: Sind Felder ausgefüllt?

Hey, wenn man z.B. mit JavaScript kontrollieren möchte, ob ein Feld für einen Namen oder ein Feld für eine Adresse oder so ausgefüllt ist, wie genau mach ich das?
Ich denk mal man benutzt if/else aber ich weiß nicht genau wie man das schreiben würde

...zur Frage

Wieso versendet dieser PHP Code die Mail nicht?

Gestern ging es noch.....

Es kommt zwar die Meldung das die Mail verschickt wurde jedoch wurde sie nicht verschickt

<?php
if(isset($_POST['submit'])) {
  $to = $_POST['to'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  $header = "From : <//email-adresse-vom-sender>";
  if(mail($to, $subject, $message, $header)) {
    echo "Email sent successfully";
  } else {
    echo "Email failled";
  }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="form_container">
    <h3>Send Email with PHP</h3>
    <form method="post">
      <p>
        <label for="to">To:</label>
        <input type="text" name="to" placeholder="To.."/>
      </p>
      <p>
        <label for="subject">Subject:</label>
        <input type="text" name="subject" placeholder="Subject.."/>
      </p>
      <p>
        <label for="name">Message:</label>
        <input type="text" name="message" placeholder="Message.."/>
      </p>
      <button name="submit" name='submit'>Send</button>
    </form>
    </div>
    </div>
  
</body>
</html>

...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

Wie kriegt man mit PHP raus welcher button gedrückt wurde?

Hallo,

Ich hab eine HTML-Tabelle erstellt die in der letzen Spalte submits hat. Meine Frage ist wie krieg ich raus ob so ein submit gedrückt wurde und in welcher Zeile sich das submit befindet

Mein PHP ansatz ist so

if(isset($_POST['button']){
 und ab hier komm ich nicht weiter wie krieg ich jetzt raus welche Zeile der Button gedrückt wurde 
    }

...zur Frage

Wo soll ich meine elemente in dem Javascript einfügen?

<script>
      document.addEventListener('DOMContentLoaded', function() {
          const scrollButtons = document.querySelectorAll('.button1');

          scrollButtons.forEach(button => {
              button.addEventListener('click', function() {
                  const target = button.getAttribute('data-target');
                  const targetElement = document.getElementById(target);

                  if (targetElement) {
                      window.scrollTo({
                          top: targetElement.offsetTop,
                          behavior: 'smooth'
                      });
                  }
              });
          });
      });
  </script>

Hi,

AI hat mir den code gegeben um meine buttons nützlich zu machen. Weil ich kein Javascript kann weiß ich nicht wo ich meine class namen einfügen soll.

Bitte helft mir

LG Lisa

...zur Frage

Addition in Javascript funktioniert nicht?

Ich versuche es zu erreichen, dass wenn ein HTML-Button gedrückt wird eine Javascript-Funktion aufgerufen wird. Diese soll die Variable Anzahl dann um 1 erhöhen. Beim 1. Mal funktioniert das auch und der voher definierte Wert (z.B. 7) erhöt sich um einen. Dann bleibt er aber bei 8.

var Anzahl = parseFloat(7);



function gedrueckt(Anzahl) {
    Anzahl += 1;
    console.log(Anzahl);
}

Wisst ihr woran das liegen könnte?

Ich hoffe auf antworten

Bohne47

...zur Frage

Hilfe bei Variablen, Schleifen und If-Abfrage in JavaScript?

Nächste Woche habe ich einen Test über JavaScript, wo ich bestimmen muss, worüber der code sich handelt. Weil das der Anfang für mich ist kommen nur Beispiele zur Variablen, do-while Schleifen und If-Abfrage vor. Bei Variablen weiß ich nur, dass "var", "const" und "tel" existieren, wobei var nicht mehr aktuell ist.

Wozu sind die gut? Und wie erkenne ich, ob bei dem code ein fehler ist?

Danke voraus!

...zur Frage

JavaScript: Bei jedem Klick plus 1 in der resultArea?

Moin, ich habe einen Button gemacht und zwar:

<div onclick="play()" class="button">
  <button class="button1">
    Bam
  </button>
</div>

und eine Result Area

<div id="resultArea"></div>

Wie kann ich es machen, dass bei jedem Klick auf den Button in der Result Area 1 addiert wird (sowas wie ein Cookie-Klicker)? Also so eine Art Counter.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen