##JavaScript勉強メモ。
4点を意識して写経なり
- 動くアプリを作る
- 書いたコードを理解
- 機能またはデザインを追加
- 成果物は、ネット上にあげる
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>日付計算</title>
</head>
<body>
<h1>日付計算の練習</h1>
<p>誕生日<input type="text" id="birthday" value="1984-12-05"></p>
<p><input type="button" value="計算！" onclick="getAge()";></p>
<p>生まれてから<span id="dayPast">???</span>日経過していて、だいたい<span id = age>???</span>です。</p>
<script>
function getAge(){
//入力値の取得
var birthday = document.getElementById("birthday").value.split("-");;
//日付オブジェクトの作成（配列に値を入れる）
var d1 = new Date(birthday[0], birthday[1]-1, birthday[2]);
var d2 = new Date();
//日数、年齢の計算(日付：現在から生まれた年を引く)
var diff = d2.getTime() - d1.getTime();
var dayPast = Math.floor(diff/(1000*60*60*24));
var age = Math.floor(dayPast / 365.25);
//結果の表示
document.getElementById("dayPast").innerHTML = dayPast;
document.getElementById("age").innerHTML = age;
}
</script>
</body>
</html>