Saya memerlukan bantuan membetulkan kod html dan skrip java saya
P粉201448898
2023-08-01 20:25:03
<p>Saya ingin membuat tempat di mana anda boleh memasukkan hari lahir anda yang seterusnya dan halaman itu akan bertukar menjadi tetingkap. Ingatkan anda bahawa hari lahir anda akan datang beberapa hari lagi. Apabila saya menjalankan kod itu, sebelum saya memasukkan hari lahir, amaran itu mengatakan NaN, yang bermaksud bukan nombor. Saya mahu ia berfungsi selepas saya menaip hari lahir saya dan selepas saya mengklik hantar. Ini adalah kod yang saya tulis:</p>
<p>`
</p>
<pre class="brush:php;toolbar:false;"><input type="submit" value="Submit">
</form>
<skrip>
biarkan date_1 = new Date(document.getElementById("bday").value);
biarkan date_2 = new Date();
biarkan perbezaan = date_1.getTime() - date_2.getTime();
biarkan TotalDays = Math.ceil(perbezaan / (1000 * 3600 * 24));
window.alert(TotalDays);
</skrip>
</body>`</pre>
<p><br /></p>
![[Web front-end] Permulaan pantas 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>