使用谷歌浏览器打开素材中的“js判断奇偶数.html”按快捷键CTRL+SHIFT+J（或直接右键点击页面上的任何元素，选择“检查”子菜单，在弹出的窗口中选择“Console”选项卡，在这里可以进行JavaScript代码调试）。使用方法：直接输入代码，按Enter键会执行，代码需要换行请按Shift+Enter。 ①请在此环境中设计一个函数 fun，要求该函数用于判断该页面文本域输入的一个数是不是偶数，如果是偶数，返回true，不是偶数，返回false，并调用该函数验证程序结果。 ②完成后可以把代码放入“js判断奇偶数.html”文件中的合适位置，并在按钮的点击事件中调用。 ③再设计一个函数，要求实现在页面载入后，文本域中的文本自动填充一个0~10000之间的整数。

①函数代码如下：

function fun() {
  var num = document.getElementById("num").value;
  if (num % 2 == 0) {
    return true;
  } else {
    return false;
  }
}

在页面中调用该函数，可以在Console中输入以下代码：

fun();

然后按Enter键即可执行该函数并得到结果。

②将代码放入“js判断奇偶数.html”文件中的合适位置，并在按钮的点击事件中调用的代码如下：

function check() {
  var result = fun();
  if (result) {
    alert("是偶数");
  } else {
    alert("不是偶数");
  }
}

document.getElementById("btn").addEventListener("click", check);

其中，check()函数用于调用fun()函数并根据返回结果弹出相应的提示框。在页面中点击id为“btn”的按钮时，会触发check()函数。

③自动填充一个0~10000之间的整数的函数代码如下：

function autoFill() {
  var num = Math.floor(Math.random() * 10001);
  document.getElementById("num").value = num;
}

window.onload = autoFill;

在页面载入后，会自动调用autoFill()函数并将一个0~10000之间的整数填入id为“num”的文本域中。