Ich benötige Hilfe bei der Korrektur meines HTML- und Java-Skriptcodes
P粉201448898
P粉201448898 2023-08-01 20:25:03
0
1
583
<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粉201448898
P粉201448898

Antworte allen(1)
P粉523625080

<!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>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!