缘分测试

最新推荐文章于 2018-04-10 11:08:12 发布

原创最新推荐文章于 2018-04-10 11:08:12 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

这是一个简单的网页版缘分测试小游戏，通过输入男孩和女孩的名字，利用JavaScript计算两人的缘分值，并给出匹配评价。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<!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>