小 中 大
■ ■ ■ ■ ■ ■ ■

Home > 2024年 > 4月 > 5日

Photo by FOX on Pexels.com

干支計算2024

2024年04月05日

Logging

おはようございます、干支計算2024を作りました．ソースコードは下記になります．

干支計算2024 #js #javascript #初級
// 干支の計算方法は？
// 十二支は、西暦を１２で割り、同様に余りを求めます。 
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];
});

過去に同じことをしていたのを見つけて、今ならどう書くのだろうかと書いてみた感じです．

求める方法は変わっていますが、コードをみると今の方が短くかけていると思います．昔、コードを書き出した頃から比べると全く違うようになってきた気がしますね．最初から短くかける人でなくても続けていれば短くかけるようになってきますので、滅気ずに頑張ってコードを書いてみてください．

明日へ続く．

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年04月05 06:00日

タグ

addEventListener, document.querySelector, eto, function, index, innerText, isNaN, let, let eto, Number, querySelector, res&#39, value, ソースコード, 十二支, 午, 干支, 干支計算2024, 滅気, 西暦,