简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
J'ai besoin d'aide pour corriger mon code html et java script
P粉201448898
P粉201448898 2023-08-01 20:25:03
0
1
543
<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粉201448898
P粉201448898

répondre à tous(1)
P粉523625080
P粉5236250802023-08-02 11:47:11 1 plancher 

<!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>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！