cari

Rumah  >  Soal Jawab  >  teks badan

Saya memerlukan bantuan membetulkan kod html dan skrip java saya

<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>
P粉201448898P粉201448898514 hari yang lalu614

membalas semua(1)saya akan balas

  • 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>

    balas
    0
  • Batalbalas