JavaScript编写的《人生不纠结模拟器》

看国足比赛的饮品，不知道是选可口可乐还是“小麦果汁”，有感而发做了一个人生不纠结模拟器。

选择困难症的好工具，你值得拥有！

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="utf-8"><titile></titile>
</head>
<body><h1>人生不纠结模拟器</h1><p>你因什么事而纠结：</p><input type="text" id="textOneId"><br><input type="text" id="textTwoId"><br>测算<input type="number" id="numberId">次<br><button id="btnid" onclick="btnFc()">妈咪妈咪哄，看看天意如何...</button><br><span id="spanOneId"></span><br><span id="spanTwoId"></span><h2 id="hTwoId"></h2><p>结果仅供参考，选错不要怪我...</p><script>"use strict"function btnFc(){let p = parseInt(document.getElementById("numberId").value);let x = document.getElementById("textOneId").value;let y = document.getElementById("textTwoId").value;if (p<=0){document.getElementById("spanOneId").innerHTML = "有的时候，不做出选择比做出错误的选择更让人遗憾！";}else {let inf = [0,0];for (let i=0;i<p;i++){let r = Math.floor( Math. random() * 2 );inf[r]++;}for (let j=0;j<2;j++){}document.getElementById("spanOneId").innerHTML = x + "出现了" + inf[0] + "次。";document.getElementById("spanTwoId").innerHTML = y + "出现了" + inf[1] + "次。";if (inf[0] == inf [1]){document.getElementById("hTwoId").innerHTML = "抱歉，我也很难抉择...";}else if (inf[0] > inf [1]){document.getElementById("hTwoId").innerHTML = "或许，你可以试试选" + x;}else{document.getElementById("hTwoId").innerHTML = "或许，你可以试试选" + y;}}}// version 0.1</script>
</body>
</html>

原理是类似于多次抛硬币的概率的统计结果，运行后整个页面呈现的是这样的效果：

PS：做得比较糙，后续有时间再优化下界面...

JavaScript编写的《人生不纠结模拟器》相关推荐

【Rust日报】2021-10-05 Mimic: 一款用Rust语言编写的命令行Gameboy模拟器
Mimic: 一款用Rust语言编写的命令行Gameboy模拟器 Mimic: A Gameboy emulator written in Rust that can be played on the ...
javascript编写_用JavaScript深入探讨：为什么对编写好的代码至关重要。
javascript编写 Using simple terminology and a real world example, this post explains what this is and ...
javascript编写_如何通过编写自己的Web开发框架来提高JavaScript技能
javascript编写 Have you ever asked yourself how a framework works? 您是否曾经问过自己框架是如何工作的? When I discovere ...
用 JavaScript 编写测试脚本
用 JavaScript 编写测试脚本 Truffle使用 Mocha 测试框架和 Chai 断言,为编写 JavaScript 测试提供了坚实的框架. 让我们深入研究,看看 Truffle 是如何建 ...
这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
dp.Synta 来源http://blog.s135.com/post/226/ r介绍:在网页中加亮显示源代码的工具[原创] 大 | 中 | 小 [ 2007-4-19 14:56 | by ...
【教程】HTML5+JavaScript编写flappy bird
作者: 风小锐新浪微博ID:永远de风小锐 QQ:547953539 转载请注明出处 PS:新修复了两个bug,已下载代码的同学请查看一下大学立即要毕业了. ...
python代替javascript_Pyjamas - 用python代替javascript编写基于浏览器的应用
如果能用python代替Javascript编写基于浏览器的应用,该有多好啊.但是,Javascript是唯一一种能在浏览器里执行的语言(Flash或Silverlight除外).换个思路,先用Pyt ...
JavaScript编写了一个计时器
初学JavaScript,用JavaScript编写了一个计时器. 设计思想: 1.借助于Date()对象,来不断获取时间点: 2.然后用两次时间点的毫秒数相减,算出时间差: 3.累加时间差,这样就能 ...
javascript编写_如何在JavaScript中使用解构来编写更简洁，功能更强大的代码
javascript编写 by Ashay Mandwarya ?️?? 由Ashay Mandwarya提供吗? 如何在JavaScript中使用解构来编写更简洁,功能更强大的代码 (How to ...
javascript官方文档_基于Javascript编写的开源Markdown和HTML相互转换器——showdown
介绍 showdown是一个基于Javascript编写的开源Markdown和HTML相互转换器,showdown可以用在客户端(浏览器)或者服务端(nodejs).shodown还支持原始规范中未 ...

JavaScript编写的《人生不纠结模拟器》

JavaScript编写的《人生不纠结模拟器》相关推荐

最新文章

热门文章