JS 缘分测试，随机数的使用

来源：互联网发布：ug线切割编程实例编辑：程序博客网时间：2024/05/17 05:18

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>三分钟测试你俩的缘分(98%的准确率！)，点击按钮开始吧</p>
Boy：<input type="text" id="name1" value="" />
<br />
Girl：<input type="text" id="name2" value="" />
<input type="button" name="btn" id="btn" value="点击" />
<div id="div">

</div>
</body>
<script type="text/javascript">
window.onload = function()
{

var btn = document.getElementById("btn");
var div = document.getElementById("div");
btn.onclick = function()
{
var name1 = document.getElementById("name1").value;
var name2 = document.getElementById("name2").value;
if(name1 == ""||name2 == "")
{
alert("请输入姓名!");
}
else
{
var number = parseInt(Math.random()*100);
var str = number.toString();
div.innerHTML = "你们的缘分值为："+str+"%";
}

}
}
</script>
</html>

阅读全文

0 0