User:Benpigchu/用户:Benpigchu/UserInputDemo.js
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
console.log("hello world")
$(function(){
var container=document.querySelector("#test-container")
var hidden=document.querySelectorAll(".test-hidden")
console.log(container)
console.log(hidden)
var input=document.createElement("input")
input.type="text"
input.placeholder="输入密码"
container.insertAdjacentElement("beforeEnd",input)
var button=document.createElement("button")
button.textContent="验证"
container.insertAdjacentElement("beforeEnd",button)
button.addEventListener("click",function(){
if(input.value==="机械正太!!"){
hidden.forEach(function(e){
e.classList.remove("test-hidden")
})
}
})
})