获取element后,给全局变量赋element的value值,要先定义再赋值。

html代码:
  <input type="text" id="year">
  <input type="text" id="month">
  <input type="text" id="day">
  <button id="btn">提交</button>

js代码:
        var year = document.getElementById("year");
        var month = document.getElementById("month");
        var day = document.getElementById("day");
        var btn = document.getElementById("btn");
        
     var y = Number(year.value);
        var m = Number(month.value);
        var d = Number(day.value);

        btn.addEventListener('click', function () {
       console.log(y,m,d);      //这里获取的y,m,d是0;
     )}
--------------------------------------------------------------
更改后的代码:
html代码:
  <input type="text" id="year">
  <input type="text" id="month">
  <input type="text" id="day">
  <button id="btn">提交</button>

js代码:
        var year = document.getElementById("year");
        var month = document.getElementById("month");
        var day = document.getElementById("day");
        var btn = document.getElementById("btn");
        
    var y; var m; var d; btn.addEventListener('click', function () {
       y = Number(year.value);
m = Number(month.value);
d = Number(day.value);
       console.log(y,m,d);      //这里获取的y,m,d是input输入的值;
     )}
posted @ 2021-12-08 17:37  4zero4NotFound  阅读(284)  评论(0)    收藏  举报