点名小功能
Posted a155-
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了点名小功能相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>点到的名字：<span></span></h1> <button>点名</button> <script type="text/javascript"> var arr=["章子怡","王菲","李小璐","孙燕姿"] var btn=document.querySelector("button") btn.onclick=function(){ var randomNum=parseInt(Math.random()*arr.length) var name=arr[randomNum] var span =document.querySelector("span") //innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容,在这里是向span里插入变量name span.innerHTML=name } </script> </body> </html>
以上是关于点名小功能的主要内容，如果未能解决你的问题，请参考以下文章
js - 面向对象 - 小案例：轮播图随机点名选项卡鼠标拖拽