如何访问位于全局范围内的函数中的输入值答案

【问题标题】：how to access input value in function that are located at global scope如何访问位于全局范围内的函数中的输入值
【发布时间】：2021-06-10 12:20:34
【问题描述】：

let value1 = document.getElementById('input1').value;
function display(){
 console.log(value1);
 }


display() // value1 (wanted this result)

输入值好像只存在于它被声明的范围内，在全局范围内如何在函数中使用value1？

【问题讨论】：

你到底想做什么？
一切都只存在于它被声明的范围内。如果在全局范围内声明了某些内容，则它可以在任何函数中使用（只要它没有被另一个声明遮蔽）。究竟是什么不在这里工作？请提供minimal reproducible example 来演示和解释问题。
value1 是输入值，当我在全局范围内声明时无法访问它，总是返回空字符串（不是未定义也不是任何错误）。但是如果我把它放在函数中，它就可以访问了。

【解决方案1】：

在全局范围内声明的任何内容都可以在函数中访问。例如：

    let value1 = 1;
    function display(){
      console.log(value1);
    }
    display() // console will display '1'

如果您试图从 HTML 中获取值，您的意思是：

    document.getElementById('input1').innerHTML

【讨论】：