干支計算2024
2024.04.05
おはようございます、干支計算2024を作りました．ソースコードは下記になります．
// 干支の計算方法は？
// 十二支は、西暦を１２で割り、同様に余りを求めます。
let eto = ['申', '酉', '戌', '亥', '子', '丑', '寅', '卯', '辰', '巳', '午', '未'];
document.querySelector('.input').addEventListener('input', function () {
let index = isNaN(Number(document.querySelector('.input').value)) ? -1 : (Number(document.querySelector('.input').value) % 12);
document.querySelector('#res').innerText = index === -1 ? '' : eto[index];
});過去に同じことをしていたのを見つけて、今ならどう書くのだろうかと書いてみた感じです．
求める方法は変わっていますが、コードをみると今の方が短くかけていると思います．昔、コードを書き出した頃から比べると全く違うようになってきた気がしますね．最初から短くかける人でなくても続けていれば短くかけるようになってきますので、滅気ずに頑張ってコードを書いてみてください．
明日へ続く．
タグ
addEventListener, document.querySelector, eto, function, index, innerText, isNaN, let, let eto, Number, querySelector, res', value, ソースコード, 十二支, 午, 干支, 干支計算2024, 滅気, 西暦,