Retour à la liste des sujets

DEV HTML JS = comment récupérer la DATE et CALCULER

Hasard100
2023-03-15 05:51:45

Comment sélectionner la date courante et calculer le nombre de jours restant avant le 22 avril
exemple si on est le 10 avril il va faire 22 -10 = il reste 12 jours

je veux mettre ça sur un site web
de prérence avec python html css

j'ai essayé avec chatGPT ça marche pas trop
du coup obligé de faire ça en javascript ?

VivreAuSoleil
2023-03-15 05:53:59

Voila, TOUS les gens qui disent que chat GPT va tuer le metier de dev, regardez ca :rire:

Hasard100
2023-03-15 05:55:29



<!DOCTYPE html>

<html>

  <head>

    <title>Compteur de jours restants</title>

    <style>

      #countdown {

        font-size: 24px;

        text-align: center;

        margin-top: 50px;

      }

    </style>

  </head>

  <body>

    <div id="countdown"></div>

    <script src="app.js"></script>

  </body>

</html>




// Obtenir la date courante

var today = new Date();



// Définir la date limite

var deadline = new Date("2023-04-22");



// Calculer le nombre de jours restants

var daysRemaining = Math.ceil((deadline - today) / (1000 * 60 * 60 * 24));



// Afficher le nombre de jours restants

document.getElementById("countdown").innerHTML = "Il reste " + daysRemaining + " jours avant le 22 avril.";

Dans cet exemple, nous avons créé un fichier HTML de base avec une div avec un identifiant unique pour afficher le résultat et un fichier JavaScript séparé pour effectuer le calcul et mettre à jour l'élément HTML approprié. Nous avons également utilisé un peu de CSS pour styliser la page.

Une fois que vous avez créé ces fichiers, vous pouvez ouvrir le fichier HTML dans votre navigateur pour voir le résultat. Le nombre de jours restants avant le 22 avril sera affiché sur la page web.

:d)
:d)
:d)

la réponde de chatGPT ci dessus on va tester

NOSTYLIST0
2023-03-15 05:56:50

Le 15 mars 2023 à 05:53:59 :
Voila, TOUS les gens qui disent que chat GPT va tuer le metier de dev, regardez ca :rire:

Dans quelques années ce sera le cas, mais on y est pas encore c'est sur

Hasard100
2023-03-15 05:58:39

Mon avis sur CHATGPT depuis que je fais un peu de web avec html css js

Il bugue SUOVENT car trop de gens le sollicitent
du coup je fais à l'ancienne je me documente

et si on a pas les bases comme savoir faire 3 ficheirs différents html css et JS on ne peut pas crée le site

Hasard100
2023-03-15 05:59:20

Le 15 mars 2023 à 05:55:29 hasard100 a écrit :
<!DOCTYPE html> <html> <head> <title>Compteur de jours restants</title> <style> #countdown { font-size: 24px; text-align: center; margin-top: 50px; } </style> </head> <body> <div id="countdown"></div> <script src="app.js"></script> </body> </html>

// Obtenir la date courante

var today = new Date();



// Définir la date limite

var deadline = new Date("2023-04-22");



// Calculer le nombre de jours restants

var daysRemaining = Math.ceil((deadline - today) / (1000 * 60 * 60 * 24));



// Afficher le nombre de jours restants

document.getElementById("countdown").innerHTML = "Il reste " + daysRemaining + " jours avant le 22 avril.";

Dans cet exemple, nous avons créé un fichier HTML de base avec une div avec un identifiant unique pour afficher le résultat et un fichier JavaScript séparé pour effectuer le calcul et mettre à jour l'élément HTML approprié. Nous avons également utilisé un peu de CSS pour styliser la page.

Une fois que vous avez créé ces fichiers, vous pouvez ouvrir le fichier HTML dans votre navigateur pour voir le résultat. Le nombre de jours restants avant le 22 avril sera affiché sur la page web.

:d)
:d)
:d)

la réponde de chatGPT ci dessus on va tester

qui peut m'expliquer POURQUOI ya les balises div id countdown en dehors de Head ?

VivreAuSoleil
2023-03-15 06:01:52

Bah c'est normal, les div c'est dans le body avec tout le contenu. Head c'est pour les metadonnees, styles css, scripts, etc

VivreAuSoleil
2023-03-15 06:02:28

le mieux c'est de demander encore a chatGPT. tu lui dit ca " POURQUOI ya les balises div id countdown en dehors de Head ?" et il te repond

Hasard100
2023-03-15 06:02:41

conclusion =
si tu connais pas un minimum le code tu ne peux pas

  • comprendre pourquoi faut 3 ficheirs différents
  • corriger les bugs
  • poser les bonnes questiosn

Hasard100
2023-03-15 06:03:02

Le 15 mars 2023 à 06:01:52 VivreAuSoleil a écrit :
Bah c'est normal, les div c'est dans le body avec tout le contenu. Head c'est pour les metadonnees, styles css, scripts, etc

toi tu sépares en 3 fichiers ton code ? js / html / css ?

Infos
Gestion du forum
contact@geevey.com

API disponible. Utilisez le paramètre "api" en GET, peu importe le contenu, sur une page du site.
Notes
    Partenaire: JVFlux
    Ce site n'est pas associé à Jeuxvideo.com ou Webedia. Nous utilisons seulement des archives publiques.
    Il est inutile de me spammer par e-mail pour supprimer un topic. Au contraire, en conséquence, je mettrais votre topic dans le bloc ci-dessous.
Non-assumage
    Personne n'a pas assumé de topic pour le moment.