缘分测试

无聊时做的一个缘分测试玩玩!!!

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>缘分测试</title>
<script type="text/javascript">
function fate(){
//获取男孩女孩的名字
var boyname = document.getElementById("boy").value;
var girlname = document.getElementById("girl").value;
//把男孩的名字转换成数字并相加
var boysum = 0;
for(i=0;i<boyname.length;i++){
boysum = boysum + boyname.charCodeAt(i);
}
//把女孩的名字转换成数字并相加
var girlsum = 0;
for(j=0; j<girlname.length; j++){
girlsum = girlsum + girlname.charCodeAt(j);
}
//将男孩和女孩的名字进行(随意的运算),并且保证最后结果在0-100之间;
var fates = (boysum*5+girlsum*4)%100;
//根据分值确定缘分
var values = document.getElementById("values");
if(fates>=90){
   values.innerHTML = "缘分值为:" + fates + "----天生一对";
}else if(fates>=70){
values.innerHTML = "缘分值为:" + fates + "----郎情妾意";
}else if(fates>=50){
values.innerHTML = "缘分值为:" + fates + "----磕磕碰碰";
}else{
values.innerHTML = "缘分值为:" + fates + "----死了这条心吧";
}
}
</script>
</head>
<body>
<p> 男孩姓名:<input type="text" id="boy" value="" /></p>
<p>女孩姓名:<input type="text" id="girl" value="" /></p>
<p>缘分测试:<input type="button" id="fate" value="缘分测试" onclick="fate()" /></p>
<div id="values"></div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/grass_root_boy/article/details/79860873