Comment calculer votre base d’âge sur la valeur de la date en JavaScript

Posté Par: Windows2022tutosur: décembre 23, 2022Dans: TechPas De Commentaires

Comment calculer votre base d’âge sur la valeur de la date en JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment calculer votre base d’âge sur la valeur de la date en JavaScript. Ce tutoriel a pour but de vous apprendre à calculer votre base d’âge à la date donnée. Cela couvrira toutes les parties importantes de la fonction qui calculera votre âge. Je vais fournir un exemple de programme pour montrer le codage réel de ce tutoriel.

Ce tutoriel est simple et facile à comprendre, il suffit de suivre les instructions que j’ai fournies et vous pouvez le faire sans problème. Ce programme peut être utilisé pour le système qui a besoin d’entrer vos informations personnelles. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme Calculez votre âge. Faisons donc le codage.

Avant de commencer :

Ceci est le lien pour le modèle que j’ai utilisé pour la conception de la mise en page https://getbootstrap.com/.

Création de l’interface

C’est ici que nous allons créer une interface simple pour notre application. Ce code n’affichera que les entrées du formulaire et le résultat. Pour le créer, copiez-le simplement et écrivez-le dans votre éditeur de texte, puis enregistrez-le sous index.html.

<!DOCTYPE html>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<nav class="navbar navbar-default">
		<div class="contriner-fluid">
			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
	<div class="col-md-6 well">
		<h3 class="text-primary">How to Calculate Your Age Base on Date Value</h3>
		<hr style="border-top:1px dotted #ccc;"/>
					<input type="date" class="form-control" id="birthday" placeholder="Enter you birthdate"/>
				<center><button class="btn btn-primary btn-block" onclick="calculateAge();">Calculate</button></center>
			<center><h2 class="text-primary">My Age</h2></center>
			<div class="alert-info" style="padding:20px; border-radius:10px;">
				<div id="result"><center><h1>NO DATA</h1></center></div>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code calculera votre base d’âge à la date que vous avez entrée dans la zone de texte. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

function calculateAge() {
	let date = document.getElementById('birthday').value;
 
	if(date === ""){
		alert("Please complete the required field!");
    }else{
		let today = new Date();
		let birthday = new Date(date);
		let year = ;
		if (today.getMonth() < birthday.getMonth()) {
			year = 1;
		} else if ((today.getMonth() == birthday.getMonth()) && today.getDate() < birthday.getDate()) {
			year = 1;
		}
		let age = today.getFullYear() - birthday.getFullYear() - year;
 
		if(age < ){
			age = ;
		}
		document.getElementById('result').innerHTML = "<center><h3>You are now <h1 style="color:red;">"+age+"yrs old<h1></h3></center>";
	}
}

Dans ce code, nous ne créons qu’une seule méthode appelée calculÂge()dans la première ligne de code, nous lions la valeur de date en tant que variable nommée Date. Ensuite, nous utilisons une instruction conditionnelle pour savoir si la valeur est vide. Si la valeur n’est pas vide, elle appellera une autre ligne de codes.

Nous avons ensuite défini plusieurs variables pour décomposer le format de chaîne de date en aujourd’hui, date d’anniversaire, an. Pour calculer votre âge, nous utilisons simplement plusieurs instructions conditionnelles en comparant la date de naissance, l’année et le mois pour obtenir le résultat d’âge attendu.

Production:

Le Comment calculer votre base d’âge sur la valeur de la date en JavaScript le code source que je fournis peut être téléchargé ci-dessous. Veuillez cliquer sur le bouton de téléchargement.

Voilà, nous avons créé avec succès Comment calculer votre base d’âge sur la valeur de la date en JavaScript. J’espère que ce tutoriel simple vous aidera à ce que vous recherchez. Pour plus de mises à jour et de tutoriels, veuillez simplement visiter ce site. Profitez du codage !

Plus de tutoriels pour le langage JavaScript

Tutoriels JavaScript

Télécharger ici