//驗(yàn)證碼 
const verifyCode = function (el) {
  var arrayTest = ["m", "n", "v", "x", "z", "a", "b", "c", "d", "e", "f", "g", "h", "j", "k", "l", "q", "w", "r", "t", "y", "u", "i", "i", "o", "p", 1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

  function randomColor() {
    var r = parseInt(Math.random() * 256);
    var g = parseInt(Math.random() * 256);
    var b = parseInt(Math.random() * 256);
    var rgb = "rgb(" + r + "," + g + "," + b + ")";
    return rgb;
  }


  function createSpan(code) {
    let span = document.createElement('span');
    span.style.display = "inline-block"
    span.style.height = "100%"
    span.style.width = "25%"  // 寬度根據(jù)驗(yàn)證碼個(gè)數(shù)來定
    span.style.color = randomColor()
    span.innerHTML = code;
    return span
  }

  const element = document.getElementById(el);
  element.innerHTML = ''
  let codeArr = []
  // 禁用復(fù)制
  element.oncopy = function () {
    return false
  }
  //表示循環(huán)幾次,循環(huán)出多少個(gè)數(shù)值.
  for (var i = 0; i < 4; i++) {
    var num = parseInt(Math.random() * arrayTest.length);
    var code = arrayTest[num];
    element.style.background = randomColor()
    element.appendChild(createSpan(code))
    codeArr.push(code)
  }
  return codeArr.join('')
}
export default verifyCode