Question

我在HTML中有以下代码创建一个按钮，单击该按钮会在我的页面中创建一些问题，工作正常。

<input type="number" name="quantity" id="num_questions" min="1" max="99"><br>
<input type="button" name="go" id="go_button" value="Go" onclick="createQuestions()"><br>

但是，在我的函数createQuestions()中，我在JavaScript中定义了一个变量，该变量基于我的HTML代码中的数字输入，如上所示。

var number = document.getElementById('num_questions').value;

我有另一个按钮，它调用一个单独的函数，但我需要在另一个函数中本地定义的变量号。有什么方法可以抓住那个变量并在全球范围内使用它吗？我尝试在我的函数之外定义它，但由于onclick事件只调用那个函数，它不会创建变量。

其他按钮：

<input type="submit" name="submit" value="Create Tree" onclick="displayData()">

Answer 1

根据How to declare a global variable in a .js file，您可以在调用任何函数之前定义变量，然后在不同的函数中使用它。

var global1 = "I'm a global!";

function setGlobal () {
    global1= document.getElementById('num_questions').value;
}
function testGlobal () {
    alert(global1);
}

Answer 2

无法从该函数外部访问函数的局部变量，因此您有四个选项：

声明一个全局变量！
编写一个单独的函数来为您获取值
创建包含所需值的对象
使用CC = c11 CFLAGS = -o3

从不同的功能访问变量

2 个答案: