使用数组生成4位的验证码，由数字、大小写字母 1、数组字符的填充 2、如何生成随机数（整数） 1、点击验证码时重新生成验证码 2、验证用户填写是否正确 3、用户填写错误时，重新刷新验证码 提交源代码+效果图

为了创建一个4位的验证码，我们可以使用JavaScript配合HTML来完成这个任务。首先，我们需要生成包含数字和字母的字符数组，并实现生成随机数以及验证用户输入的功能。以下是简化的实现步骤：

1. **数组字符的填充**：

// 创建包含数字和大小写字母的数组
const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
const captchaLength = 4;

let captchaArr = [];
for (let i = 0; i < captchaLength; i++) {
  captchaArr.push(chars[Math.floor(Math.random() * chars.length)]);
}
console.log(captchaArr); // 示例：['K', '8', 't', 'f']

2. **生成随机数（整数）**：
此部分与验证码生成无关，但如果你想生成随机整数作为验证码的一部分，可以将上面数组`chars`替换为仅包含数字的字符串。

3. **点击验证码时重新生成验证码**：
在HTML中添加一个按钮并绑定点击事件，用于触发新验证码的生成。

<button onclick="generateNewCaptcha()">点击获取新验证码</button>
<div id="captcha"></div>

<script>
function generateNewCaptcha() {
  // 重新生成新的验证码
  let newCaptcha = captchaArr.join('');
  document.getElementById('captcha').innerText = newCaptcha;
}
</script>

4. **验证用户填写是否正确**：

function validate(userInput) {
  return userInput === captchaArr.join('');
}

// 假设有一个输入框让用户填写验证码
const inputElement = document.getElementById('captcha-input');
inputElement.addEventListener('input', function() {
  const enteredCaptcha = this.value.trim();
  if (!validate(enteredCaptcha)) {
    alert('验证码输入错误，请重新输入！');
    this.value = ''; // 清空输入
  }
});

5. **用户填写错误时，重新刷新验证码**：
当验证失败时，调用`generateNewCaptcha`函数重新生成验证码。

注意，这只是一个基础的实现，实际项目可能还需要考虑用户体验和安全性的其他方面，如限制用户的尝试次数等。这里提供的代码仅为演示思路，实际应用需要在服务器端做真正的验证以防恶意操作。