recherche

Maison  >  Questions et réponses  >  le corps du texte

J'ai besoin d'aide pour corriger mon code html et java script

<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>
P粉201448898P粉201448898515 Il y a quelques jours616

répondre à tous(1)je répondrai

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

    répondre
    0
  • Annulerrépondre