suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Ich benötige Hilfe bei der Korrektur meines HTML- und Java-Skriptcodes

<p>Ich möchte einen Ort einrichten, an dem Sie Ihren nächsten Geburtstag eingeben können und die Seite dann in ein Fenster umgewandelt wird. Erinnern Sie sich daran, dass Sie in ein paar Tagen Geburtstag haben. Wenn ich den Code ausführe, bevor ich den Geburtstag eingebe, wird in der Warnung „NaN“ angezeigt, was bedeutet, dass es sich nicht um eine Zahl handelt. Ich möchte, dass es funktioniert, nachdem ich meinen Geburtstag eingegeben und auf „Senden“ geklickt habe. Dies ist der Code, den ich geschrieben habe:</p> <p>` </p> <pre class="brush:php;toolbar:false;"><input type="submit" value="Submit"> </form> <script> let date_1 = new Date(document.getElementById("bday").value); let date_2 = new Date(); let Difference = date_1.getTime() - date_2.getTime(); let TotalDays = Math.ceil(difference / (1000 * 3600 * 24)); window.alert(TotalDays); </script> </body>`</pre> <p><br /></p>
P粉201448898P粉201448898570 Tage vor648

Antworte allen(1)Ich werde antworten

  • P粉523625080

    P粉5236250802023-08-02 11:47:11

    <!DOCTYPE html>
<html>
<head>
  <title>Birthday Countdown</title>
</head>
<body>
  <form onsubmit="calculateDaysLeft(event)">
    <label for="bday">Enter your birthday:</label>
    <input type="date" id="bday" name="bday" required>
    <input type="submit" value="Submit">
  </form>

  <script>
    function calculateDaysLeft(event) {
      event.preventDefault(); // Prevent form submission to avoid page reload

      // Get the user's birthday from the input field
      let userBirthday = new Date(document.getElementById("bday").value);

      // Get the current date
      let currentDate = new Date();

      // Calculate the difference in milliseconds
      let difference = userBirthday.getTime() - currentDate.getTime();

      // Calculate the difference in days and show the alert
      let totalDays = Math.ceil(difference / (1000 * 3600 * 24));
      window.alert(`There are ${totalDays} days left until your birthday!`);
    }
  </script>
</body>
</html>

    Antwort
    0
  • StornierenAntwort