Javascript和HTML链接_Javascript_Html

Javascript和HTML链接

javascript html

Javascript和HTML链接,javascript,html,Javascript,Html,我正在做一个石头、布、剪刀的javascript游戏。但是，当我开始运行它时，我遇到了让HTML和JS通信的问题我有三个按钮，用来将字符串传递给JS，JS将其与分配给计算机播放器的随机值进行比较非常感谢您对本功能的任何帮助。谢谢 var choicePrompt=“请选择您的毒药。”； var victory=“恭喜，你赢了！”； var fault=“对不起，你输了”； var catsgame=“这是一场平局！”；函数运行（userIn）{ var循环=真； var赢家； var

我正在做一个石头、布、剪刀的javascript游戏。但是，当我开始运行它时，我遇到了让HTML和JS通信的问题

我有三个按钮，用来将字符串传递给JS，JS将其与分配给计算机播放器的随机值进行比较

非常感谢您对本功能的任何帮助。谢谢


var choicePrompt=“请选择您的毒药。”；
var victory=“恭喜，你赢了！”；
var fault=“对不起，你输了”；
var catsgame=“这是一场平局！”；
函数运行（userIn）{
var循环=真；
var赢家；
var scoreCount=0；
document.getElementById（“提示符”）；
while（循环）
{
compChoice=Math.random（）；
compChoice=stringify（compChoice）；
userChoice=userIn；
如果（compChoice==“出了问题”）
{
document.getElementById（“提示符”）.alert（“JAVASCRIPT错误”）；
}
获胜者=胜利者（userIn，compChoice）；
切换（优胜者）{
“赢”一案：
分数计数+=1；
document.getElementById（“score”）=“score:”+scoreCount；
document.getElementById（“提示符”）.innerHTML=victory；
打破
“损失”一案：
分数计数-=1；
document.getElementById（“分数”）=分数计数；
document.getElementById（“prompt”）.innerHTML=失败；
打破
案例“抽签”：
document.getElementById（“prompt”）.innerHTML=catsgame；
打破
案例“错误”：
违约：
document.getElementById（“prompt”）.innerHTML=“出错”；
}
循环=假；
}
}
函数字符串化（浮点）{
如果（浮动0.33和浮动0.66）
{
返回“剪刀”；
}
其他的
{
返回“出错”；
}
}
功能victor（用户、公司）{
交换机（用户）
{
案例“岩石”：
开关（comp）
{
案例“岩石”：
返回“DRAW”；
打破
案例“剪刀”：
返回“赢”；
打破
案例“文件”：
返回“损失”；
打破
违约：
返回“错误”；
}
打破
案例“文件”：
开关（comp）
{
案例“岩石”：
返回“赢”；
打破
案例“剪刀”：
返回“损失”；
打破
案例“文件”：
返回“DRAW”；
打破
违约：
返回“错误”；
}
打破
案例“剪刀”：
开关（comp）
{
案例“岩石”：
返回“损失”；
打破
案例“剪刀”：
返回“DRAW”；
打破
案例“文件”：
返回“赢”；
打破
违约：
返回“错误”；
}
打破
违约：
返回“错误”；
}
}


石头剪子布
石头、布、剪刀
|
请拿起你的毒药。

分数：0

您缺少

catsgame

的变量声明，请参阅下面Elliot Rodriguez的注释，当循环创建无限循环时，因为

loop

从未设置为

false

，请参阅pL4Gu33的注释：

var choicePrompt=“请选择您的毒药。”；
var victory=“恭喜，你赢了！”；
var fault=“对不起，你输了”；
var catsgame=“这是一个平局”//添加到代码中，请参见Elliot Rodriguez的答案
函数运行（userIn）{
var循环=真；
var赢家；
var scoreCount=0；
while（循环）{
compChoice=Math.random（）；
compChoice=stringify（compChoice）；
userChoice=userIn；
如果（compChoice==“出了问题”）{
document.getElementById（“提示符”）.alert（“JAVASCRIPT错误”）；
}
获胜者=胜利者（userIn，compChoice）；
切换（优胜者）{
“赢”一案：
document.getElementById（“提示符”）.innerHTML=victory；
打破
“损失”一案：
document.getElementById（“prompt”）.innerHTML=失败；
打破
案例“抽签”：
document.getElementById（“prompt”）.innerHTML=catsgame；
打破
案例“错误”：
违约：
document.getElementById（“prompt”）.innerHTML=“出错”；
}
loop=false；//终止循环，请参阅@pL4Gu33的注释。
}
}
函数字符串化（浮点）{
如果（浮动0.33和浮动0.66）{
返回“剪刀”；
}否则{
返回“出错”；
}
}
功能victor（用户、公司）{
交换机（用户）{
案例“岩石”：
开关（comp）{
案例“岩石”：
返回“DRAW”；
打破
案例“剪刀”：
返回“赢”；
打破
案例“文件”：
返回“损失”；
打破
违约：
返回“错误”；
}
打破
案例“文件”：
开关（comp）{
案例“岩石”：
返回“赢”；
打破
案例“剪刀”：
返回“损失”；
打破
案例“文件”：
返回“DRAW”；
打破
违约：
返回“错误”；
}
打破
案例“剪刀”：
开关（comp）{
案例“岩石”：
返回“损失”；
打破
案例“剪刀”：
返回“DRAW”；
打破
案例“文件”：
返回“赢”；
打破
违约：
返回“错误”；
}
打破
违约：
返回“错误”；
}
}


石头剪子布
石头、布、剪刀
|

您缺少

catsgame

的变量声明，请参阅下面Elliot Rodriguez的注释，当循环创建无限循环时，因为

loop

从未设置为

false

，请参阅pL4Gu33的注释：

var choicePrompt=“请选择您的毒药。”；
var victory=“恭喜，你赢了！”；
var fault=“对不起，你输了”；
var catsgame=“这是一个平局”//添加到代码中，请参见Elliot Rodriguez的答案
函数运行（userIn）{
var循环=真；
var赢家；
var scoreCount=0；
while（循环）{
compChoice=Math.random（）；
compChoice=stringify（compChoice）；
userChoice=userIn；
如果（compChoice==“出了问题”）{
document.getElementById（“提示符”）.alert（“JAVASCRIPT错误”）；
var choicePrompt = "Please, pick your poison.";
var victory = "Congrats, you Won!";
var defeat = "Sorry, you Lost";
var catsgame = "Kiss yer sister";

function run(userIn) {
    var loop = true;
    var winner;
    var scoreCount = 0;

    while (loop)
    {
        compChoice = Math.random();
        compChoice = stringify(compChoice);
        userChoice = userIn;

        if (compChoice === "SOMETHING WENT WRONG")
        {
            document.getElementById("prompt").alert("JAVASCRIPT ERROR");
            loop = false;
        }

        winner = victor(userIn, compChoice);

        switch (winner) {
            case "WIN":
                document.getElementById("prompt").innerHTML = victory;
                loop = false;
                break;

            case "LOSS":
                document.getElementById("prompt").innerHTML = defeat;
                loop = false;
                break;

            case "DRAW":
                document.getElementById("prompt").innerHTML = catsgame;
                loop = false;
                break;

            case "ERROR":
                loop = false;
                break;
            default:
                loop = false;
                document.getElementById("prompt").innerHTML = "Something went wrong";
        }
    }
}

function stringify(float) {
    if (float <= 0.33)
    {
        return "ROCK";
    }
    else if (float > 0.33 && float <= 0.66)
    {
        return "PAPER";
    }
    else if (float > 0.66)
    {
        return "SCISSORS";
    }
    else
    {
        return "SOMETHING WENT WRONG";
    }
}

function victor(user, comp) {
    switch (user)
    {
        case "ROCK":
            switch (comp)
            {
                case "ROCK":
                    return "DRAW";
                    break;
                case "SCISSORS":
                    return "WIN";
                    break;
                case "PAPER":
                    return "LOSS";
                    break;
                default:
                    return "ERROR";
            }
            break;
        case "PAPER":
            switch (comp)
            {
                case "ROCK":
                    return "WIN";
                    break;
                case "SCISSORS":
                    return "LOSS";
                    break;
                case "PAPER":
                    return "DRAW";
                    break;
                default:
                    return "ERROR";
            }
            break;
        case "SCISSORS":
            switch (comp)
            {
                case "ROCK":
                    return "LOSS";
                    break;
                case "SCISSORS":
                    return "DRAW";
                    break;
                case "PAPER":
                    return "WIN";
                    break;
                default:
                    return "ERROR";
            }
            break;
        default:
            return "ERROR";
    }
}