page 4

MintMe Input </div><div>body{ </div><div> font-family:Arial,sans-serif; </div><div> background:</span><span class="text-primary">#f4f4f4</span><span>; </div><div> display:flex; </div><div> justify-content:center; </div><div> align-items:center; </div><div> height:100vh; </div><div> margin:0; </div><div>} </div><div> </div><div>.box{ </div><div> background:white; </div><div> padding:20px; </div><div> border-radius:15px; </div><div> box-shadow:0 4px 10px rgba(0,0,0,0.2); </div><div> width:90%; </div><div> max-width:350px; </div><div> text-align:center; </div><div>} </div><div> </div><div>input{ </div><div> width:100%; </div><div> padding:12px; </div><div> border:2px solid </span><span class="text-primary">#ff4d4d</span><span>; </div><div> border-radius:10px; </div><div> outline:none; </div><div> font-size:16px; </div><div> box-sizing:border-box; </div><div>} </div><div> </div><div>.result{ </div><div> margin-top:15px; </div><div> font-size:20px; </div><div> color:</span><span class="text-primary">#ff4d4d</span><span>; </div><div> font-weight:bold; </div><div>} </div><div> MintMe Search <script> const inputBox = document.getElementById("inputBox"); const result = document.getElementById("result"); inputBox.addEventListener("input", function() { let value = inputBox.value.toLowerCase(); if(value === "m"){ result.innerHTML = "MintMe"; } else { result.innerHTML = ""; } }); </script> </div><div>const inputBox = document.getElementById("inputBox");</div><div>const result = document.getElementById("result");</div><div><br></div><div>inputBox.addEventListener("input", function() {</div><div> let value = inputBox.value.toLowerCase();</div><div><br></div><div> if(value === "m"){</div><div> result.innerHTML = "MintMe";</div><div> } else {</div><div> result.innerHTML = "";</div><div> }</div><div>});</div><div>