[HTML][Javascript] 2つの日付から差分日数を求める

Question

HTML,Javascript
```### 前提・実現したいこと

2つの日数から日数の差を出しそれを表示させる。
例)2019/05/01~2019/05/02
となっていたなら1を表示させる。

### 発生している問題・エラーメッセージ

HTML側のid="date3"に値が表示されない。

### 該当のソースコード
-HTML-------------------------------------------------------------------------------------
<INPUT type="text" id="dateA" name="" size="" value='2019/05/01' >
<INPUT type="text" id="dateB" name="" size="" value='2019/05/02' >
<INPUT type="text" id="date3" size="40"name="" style="text-align:right;" value="" >

------------------------------------------------------------------------------------------


<javascript>------------------------------------------------------------------------------
function onblurA(){
  document.getElementById("dateA").onblur = function(){
   var date01 = document.getElementById("dateA").value;
   var date02 = document.getElementById("dateB").value;
   var diff = getDiff(date01,date02);
   document.getElementById("date3").value = diff;
  }
 }
  
 function onblurB(){ 
   document.getElementById("dateB").onblur = function(){
   var date01 = document.getElementById("dateA").value;
   var date02 = document.getElementById("dateB").value;
   var diff = getDiff(date01,date02);
   document.getElementById("date3").value = diff;
  }
 }

  var getDiff = function(date1Str, date2Str) {
   var date1 = new Date(date1Str);
   var date2 = new Date(date2Str);
   var msDiff = date2.getTime() - date1.getTime();
//getTimeメソッドで経過ミリ秒を取得し、２つの日付の差を求める
   var daysDiff = Math.floor(msDiff / (1000 * 60 * 60 * 24));
//求めた差分（ミリ秒）を日付へ変換（経過ミリ秒÷(1000ミリ秒×60秒×60分×24時間))。
   return ++daysDiff;// 差分へ1日分加算して返却

------------------------------------------------------------------------------------------

Comments

[papinianus]

gasがどう関係してますか？この質問に。

[deepinpact]

すみません記入ミスでした。
GASのスプレッドシートをDBに
していただけでこの質問とGASとは
関係ありません。
申し訳ございません。

[papinianus]

気にならさず。あくまでgasを外したほうが回答が得やすいというハックです

[deepinpact]

コメントありがとうございます。
以後気を付けます！

[x_x]

onblurA や onblurB はどこから呼ばれているのでしょうか？

[deepinpact]

それらの関数を呼ぶコード書いてないですね...
id="dateA",id="dateB"のフォームからフォーカスが
外れた時に関数onblurA,onblurBが呼ばれるというコードを
追加しなければいけませんね。

Answer 1

getElementbyId ⇒ getElementById 大文字小文字のうち間違いです。

Comments

[deepinpact]

初歩的なミスですね...
コメントありがとうございます！

[kei344]

修正したら動きませんか？

[deepinpact]

修正したのですが値が表示されません...

[kei344]

提示されたコードは全てでしょうか。onblurA()もonblurB()も実行されていないなら動きません。
https://jsfiddle.net/e5Ltokzp/

[deepinpact]

実行させるコードを記入したところ動きました!
ご丁寧に修正してくださってありがとうございます!
これから注意深くコードを見直します。

[kei344]

そういえば質問内容が書き換わっていますね。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてくださいね。（後から見た人にわからないため）

[deepinpact]

色々とご指摘ありがとうございます。
今後もこちらでお世話になることが多くなると思うので
追記は忘れずに記入しておきます。
ありがとうございました。