<!doctypehtml><!-- Confirm Password Checker By Fullintro - https://fullintro.com --><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><title>Confirm Password Checker</title><link href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css rel=stylesheet><style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:0 20px}.wrapper{background:#f0f0f0;max-width:450px;width:100%;padding:30px;border-radius:10px;border:6px solid #bfbfbf}.wrapper h2{text-align:center;color:#1a1a2e;margin-bottom:20px;font-weight:600}.input-box{position:relative;margin:30px 0}.input-box input{width:100%;padding:10px 16px;padding-right:50px;font-size:16px;border-radius:6px;border:2px solid #d3d3d3;outline:0;transition:all .3s ease}.input-box input:focus{border-color:#1cab26}.input-box label{position:absolute;top:50%;left:16px;transform:translateY(-50%);background:#fff;padding:0 6px;color:#999;font-size:16px;pointer-events:none;transition:all .3s ease}.input-box input:focus~label,.input-box input:valid~label{top:-8px;font-size:12px;color:#1cab26}.input-box i{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#999;cursor:pointer;padding:5px}.alert{display:flex;align-items:center;margin-top:-10px;color:#a6a6a6}.alert .error{display:none;color:#d93025;margin-right:8px}.input-box.button input{background:#1cab26;color:#fff;border:none;font-size:18px;padding:10px 0;border-radius:6px;cursor:not-allowed;transition:all .3s ease}.input-box.button input.active{cursor:pointer;background:#1cab26}.input-box.button input.active:hover{background:#1cab26}.button{margin-bottom:0}</style><div class=wrapper><div class=input-box><input id=create_pw type=password required> <label>Create password</label> <i class="fas fa-eye-slash show create-toggle"></i></div><div class=input-box><input id=confirm_pw type=password disabled required> <label>Confirm password</label> <i class="fas fa-eye-slash show confirm-toggle"></i></div><div class=alert><i class="fas error fa-exclamation-circle"></i> <span class=text></span></div><div class="input-box button"><input id=button type=button disabled value=Check></div></div><!-- Script JS --><script>const createPw=document.querySelector("#create_pw"),confirmPw=document.querySelector("#confirm_pw"),createToggle=document.querySelector(".create-toggle"),confirmToggle=document.querySelector(".confirm-toggle"),alertIcon=document.querySelector(".error"),alertText=document.querySelector(".text"),submitBtn=document.querySelector("#button");createToggle.addEventListener("click",()=>{if(createPw.type==="password"){createPw.type="text";createToggle.classList.replace("fa-eye-slash","fa-eye")}else{createPw.type="password";createToggle.classList.replace("fa-eye","fa-eye-slash")}});confirmToggle.addEventListener("click",()=>{if(confirmPw.type==="password"){confirmPw.type="text";confirmToggle.classList.replace("fa-eye-slash","fa-eye")}else{confirmPw.type="password";confirmToggle.classList.replace("fa-eye","fa-eye-slash")}});createPw.addEventListener("input",()=>{let val=createPw.value.trim();if(val.length>=1){confirmPw.removeAttribute("disabled");submitBtn.removeAttribute("disabled");submitBtn.classList.add("active")}else{confirmPw.setAttribute("disabled",!0);submitBtn.setAttribute("disabled",!0);submitBtn.classList.remove("active");confirmPw.value="";alertText.style.color="#a6a6a6";alertText.innerText="Enter at least 8 characters";alertIcon.style.display="none"}});submitBtn.addEventListener("click",()=>{if(createPw.value===confirmPw.value){alertText.innerText="Password matched";alertIcon.style.display="none";alertText.style.color="#1cab26"}else{alertText.innerText="Password didn't match";alertIcon.style.display="block";alertText.style.color="#D93025"}});</script><script>document.addEventListener('contextmenu',function(event){event.preventDefault()});</script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script></body></html>