Ich benötige Hilfe bei der Korrektur meines HTML- und Java-Skriptcodes
P粉201448898
2023-08-01 20:25:03
<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>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!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>