HTML/Javascript函数
我正在用html/javascript创建经典的算命游戏。总体思路： 屏幕A： 1,2,3,4//单击一个数字并获得屏幕B（2/4）或C（1/3） 屏幕B： 5,6,7,8//单击一个数字并获得屏幕B（6/8）或C（5/7） 屏幕C： 9,10,11,12//单击一个数字，然后获得屏幕B（10/12）或C（9/11） 屏幕D： //荧屏上有《财富》吗 一个典型的游戏（基于点击的数字）是： 屏幕A：单击2转到屏幕B 屏幕B：单击6转到屏幕B 屏幕B：单击8转到屏幕D 屏幕D：财富 或 屏幕A：单击1转到屏幕C 屏幕B：单击10转到屏幕B 屏幕B：单击5转到屏幕D 屏幕D：财富 我已经弄清楚了所有的视觉效果，但是我很难让这些功能正常工作。我的逻辑是有道理的，但我很难对它进行编码。如果有人能看一下，给我一些指导或建议，那将不胜感激 谢谢HTML/Javascript函数,javascript,html,Javascript,Html,我正在用html/javascript创建经典的算命游戏。总体思路： 屏幕A： 1,2,3,4//单击一个数字并获得屏幕B（2/4）或C（1/3） 屏幕B： 5,6,7,8//单击一个数字并获得屏幕B（6/8）或C（5/7） 屏幕C： 9,10,11,12//单击一个数字，然后获得屏幕B（10/12）或C（9/11） 屏幕D： //荧屏上有《财富》吗 一个典型的游戏（基于点击的数字）是： 屏幕A：单击2转到屏幕B 屏幕B：单击6转到屏幕B 屏幕B：单击8转到屏幕D 屏幕D：财富 或 屏幕A：单击
<html>
<head>
<style>
.Square
{
width:150px;
height: 150px;
text-align:center;
font-size: 50pt;
font-weight: bold;
font-family: Verdana;
}
table { border-collapse: collapse; }
</style>
<script>
function startGame()
{
document.getElementById("s1").innerHTML = "1";
document.getElementById("s2").innerHTML = "2";
document.getElementById("s3").innerHTML = "3";
document.getElementById("s4").innerHTML = "4";
}
function levelA()
{
if(s2||s4)
{
levelB();
if(s1||s3)
{
levelC();
if(s1||s2||s3||s4)
{
levelD();
}
}
if(s2||s4)
{
levelB();
if(s1||s2||s3||s4)
{
levelD();
}
}
}
else if(s1||s3)
{
levelC();
if(s1||s3)
{
levelC();
if(s1||s2||s3||s4)
{
levelD();
}
}
else if(s2||s4)
{
levelB();
if(s1||s2||s3||s4)
{
levelD();
}
}
}
}
function levelB()
{
document.getElementById("s1").innerHTML = "5";
document.getElementById("s2").innerHTML = "6";
document.getElementById("s3").innerHTML = "7";
document.getElementById("s4").innerHTML = "8";
}
function levelC()
{
document.getElementById("s1").innerHTML = "9";
document.getElementById("s2").innerHTML = "10";
document.getElementById("s3").innerHTML = "11";
document.getElementById("s4").innerHTML = "12";
}
function levelD()
{
//this is where the "fortunes" will
}
</script>
</head>
<body onload= "startGame();" background="https://lh5.ggpht.com/w8vlt89U83TIzbDNDRdGBmFh3kS9wJthH3l8awOXRIx-CRSZ8aKtubFip8O7Mz7nABk=h900">
<center><h1><font color ="white" size="30"> Fortune Teller!</font></h1></center>
<center><font size = "27" color ="white"><div id="message">Pick a number!</div></font></center>
<center><table border= "35" bgcolor= "#FFFFFF">
<tr>
<td id="s1" class= "Square" onclick="levelA();"></td>
<td id="s2" class= "Square" onclick="levelA();"></td>
</tr>
<tr>
<td id="s3" class= "Square" onclick="levelA();"></td>
<td id="s4" class= "Square" onclick="levelA();"></td> </tr>
</table></center>
<center><button type="button" onclick=startGame()> Get New Fortune</button> </center>
<center><p><font color ="white"> Created By </font></p>
</center>
</body>
</html>
广场
{
宽度：150px；
高度：150像素；
文本对齐：居中；
字体大小：50磅；
字体大小：粗体；
字体系列：Verdana；
}
表{边框折叠：折叠；}
函数startName（）
{
document.getElementById（“s1”）.innerHTML=“1”；
document.getElementById（“s2”）.innerHTML=“2”；
document.getElementById（“s3”）.innerHTML=“3”；
document.getElementById（“s4”）.innerHTML=“4”；
}
函数levelA（）
{
如果（s2 | | s4）
{
levelB（）；
if（s1 | | s3）
{
c级（）；
如果（s1 | | s2 | | s3 | | s4）
{
levelD（）；
}
}
如果（s2 | | s4）
{
levelB（）；
如果（s1 | | s2 | | s3 | | s4）
{
levelD（）；
}
}
}
else if（s1 | | s3）
{
c级（）；
if（s1 | | s3）
{
c级（）；
如果（s1 | | s2 | | s3 | | s4）
{
levelD（）；
}
}
else if（s2 | | s4）
{
levelB（）；
如果（s1 | | s2 | | s3 | | s4）
{
levelD（）；
}
}
}
}
函数级别B（）
{
document.getElementById（“s1”）.innerHTML=“5”；
document.getElementById（“s2”）.innerHTML=“6”；
document.getElementById（“s3”）.innerHTML=“7”；
document.getElementById（“s4”）.innerHTML=“8”；
}
函数级别c（）
{
document.getElementById（“s1”）.innerHTML=“9”；
document.getElementById（“s2”）.innerHTML=“10”；
document.getElementById（“s3”）.innerHTML=“11”；
document.getElementById（“s4”）.innerHTML=“12”；
}
函数levelD（）
{
//这就是“财富”的所在
}
算命先生！
选一个数字！
发财
创建人
(function(window,document){
// All your code here
})(window,document)
2.使用组织代码模块化的JS库：。即：jQuery用于放置POC如果您创建了一个匿名StackOverflow帐户，我建议您也从源代码中删除您的名字吗？