J'ai besoin d'aide pour corriger mon code html et java script
P粉201448898
2023-08-01 20:25:03
<p>Je souhaite créer un endroit où vous pourrez saisir votre prochain anniversaire et la page se transformera en fenêtre. Rappelez-vous que votre anniversaire est dans quelques jours. Lorsque j'exécute le code, avant de saisir la date d'anniversaire, l'alerte indique NaN, ce qui signifie qu'il ne s'agit pas d'un nombre. Je veux que cela fonctionne après avoir tapé mon anniversaire et après avoir cliqué sur Soumettre. Voici le code que j'ai écrit :</p>
<p>`
</p>
<pre class="brush:php;toolbar:false;"><input type="submit" value="Submit">
</formulaire>
<script>
let date_1 = new Date(document.getElementById("bday").value);
let date_2 = new Date();
soit la différence = date_1.getTime() - date_2.getTime();
soit TotalDays = Math.ceil(difference / (1000 * 3600 * 24));
window.alert(TotalDays);
</script>
</body>`</pre>
<p><br /></p>
![[Web front-end] Démarrage rapide de Node.js](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>