ダイアログボックスで値を受け取り表示したい

前提・実現したいこと

javascriptで未来までの日数を作っています。
ダイアログボックスを３つ用意し、西暦年，月，日を取得しコンソールに表示

該当のソースコード

<!DOCTYPE html>
 	<html lang="ja">
 	<head>
 		<meta charset="utf-8">
         <title></title>
         <body>  
         <script>
         const wday = ["日","月","火","水","木","金","土"]
         function mySet(){
             myNow = new Date();
             mySet = new Date( document.myF.myFy.value, document.myF.myFM.value-1, document.myF.myFd.value );
             myMsec = mySet.getTime() - myNow.getTime() ;
             if ( myMsec < 1 ){
                 document.myF.myFmes.value = "未来の日にちを入力して下さい";
                } else {
                    myDay = Math.floor( myMsec / (1000*60*60*24) );
                    console.log = document.myF.myFmes.value = myNow.getFullYear() + "年" + (myNow.getMonth() +1) + "月" + + myNow.getDate() + "日" + wday[ myNow.getDay()] + "曜日から、" + document.myF.myFy.value + "年" + document.myF.myFM.value + "月" + + document.myF.myFd.value + "日" + wday[ mySet.getDay()] + "曜日まで " + (myDay+1) + "日あります";
                }
            }
            </script>
             <form name="myF">未来年月日 (西暦)
                <input type="text" size="4" name="myFy">年
                <input type="text" size="2" name="myFM">月
                <input type="text" size="2" name="myFd">日
                <input type="button" value="読込" onclick="mySet()"><br><br>
                <input type="text" size="80" name="myFmes">
            </form>
        </script>
        </head>
         <noscript>JaveScriptが利用できないブラウザです</noscript>
          <body>          
          </body>
           </html>

yambejp

2020/11/30 00:30

ダイアログボックスではなくテキストボックスでは？結局質問はなんでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

ダイアログボックスを３つ用意し、西暦年，月，日を取得しコンソールに表示

ということですので
その部分だけ簡単に作ってみました。
ヒントなどになれば幸いです。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
      function mySet(){
        console.log(`${myFy.value}年${myFM.value}月${myFd.value}日`);
      }
    </script>
    <noscript>JaveScriptが利用できないブラウザです</noscript>
  </head>
  <body>
    <form name="myF">未来年月日 (西暦)
      <input type="text" size="4" id="myFy">年
      <input type="text" size="2" id="myFM">月
      <input type="text" size="2" id="myFd">日
      <input type="button" value="読込" onclick="mySet()"><br><br>
    </form>
  </body>
</html>

一応動作確認などもしておりますので、大丈夫かと思います。
如何でしょうか？

投稿2020/12/02 15:47