Javascript 按下按钮时的If-Else_Javascript_Html_Css

Javascript 按下按钮时的If-Else

javascript html css

Javascript 按下按钮时的If-Else,javascript,html,css,Javascript,Html,Css,多谢各位。我以前曾像你们中的许多人建议的那样做过，但我的问题是，我的项目是一个基于文本的游戏，根据我的选择选项1或选项2，我尝试使用If语句，以便代码从一个选项运行到下一个选项，If语句在彼此之间一直运行到最后，每个选项包含在您按下以触发它的选项中。也许这不是解决问题的办法 <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="dungeonStyle.css"> </he

多谢各位。我以前曾像你们中的许多人建议的那样做过，但我的问题是，我的项目是一个基于文本的游戏，根据我的选择选项1或选项2，我尝试使用If语句，以便代码从一个选项运行到下一个选项，If语句在彼此之间一直运行到最后，每个选项包含在您按下以触发它的选项中。也许这不是解决问题的办法

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="dungeonStyle.css">
</head>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function codeAddress() {
        document.getElementById("gameText").style.visibility = "hidden";
        document.getElementById("optionOne").style.visibility = "hidden";
        document.getElementById("optionTwo").style.visibility = "hidden";
        document.getElementById("bTEXT").style.visibility = "hidden";
        document.getElementById("bTEXT2").style.visibility = "hidden";
    }
    window.onload = codeAddress;
    </script>
  </head>    

<body>

<div id="startup">
<div class="header">
<h1>DUNGEON DUELER</h1>
</div>

<p id="subtitle">The Interactive Novel</p>
<p id="gameDescription">Your choices forge  your destiny</p>


<button  id = "startButton" onclick="startGame()">Click to begin!
</button>

<p id="gameText">
You're in search of gold and glory. Conquer this dungeon and it shall be yours!
</p>    

<button id = "optionOne" onclick="One()">Option One</button>
<button id = "optionTwo" onclick="Two()">Option Two</button>

<p2 id = "bTEXT">Begin </p2>
<p3 id = "bTEXT2">stuff</p3>

<Script>
function startGame() {
document.getElementById("startButton").style.visibility = "hidden";
document.getElementById("subtitle").style.visibility = "hidden";
document.getElementById("gameDescription").style.visibility = "hidden";
document.getElementById("gameText").style.visibility = "visible";
document.getElementById("optionOne").style.visibility = "visible";
document.getElementById("optionTwo").style.visibility = "visible";
document.getElementById("bTEXT").style.visibility = "visible";
document.getElementById("bTEXT2").style.visibility = "visible";

}   
</Script>

问题

css位于单独的文件中

我会尽力解释我自己。我正在做一个基于文本的游戏，有两个按钮决定结果。我正在尝试，以便在按下选项1时运行代码更改显示的文本，然后hp system else执行其他代码/选项

我的第一次上传，为任何错误道歉。新手

您需要为onclick事件1和2定义事件处理程序。在函数1和函数2中，您可以定义需要实现的逻辑。事件处理程序可以是或。在您的例子中，它是一个函数声明。此外，还可以在参数中传递MouseEvent对象，该参数包含封装在该对象中的事件的信息，这可以提供有关该事件的有用信息

将脚本更改为脚本

功能一{ var str=document.getElementByIdgameText.innerHTML； var txt=str.replace你在寻找黄金和荣耀。征服这个地牢，它将是你的！诸如此类； document.getElementByIdgameText.innerHTML=txt； } 功能二{ //另一种逻辑 } 函数码地址{ document.getElementByIdgameText.style.visibility=隐藏； document.getElementByIdoptionOne.style.visibility=隐藏； document.getElementByIdoptionTwo.style.visibility=隐藏； document.getElementByIdbTEXT.style.visibility=隐藏； document.getElementByIdbTEXT2.style.visibility=隐藏； } window.onload=代码地址；地牢决斗者互动小说

你的选择铸就你的命运

点击开始！

你在寻找黄金和荣耀。征服这个地牢，它将属于你！

选择一选择二开始东西函数起始名{ document.getElementByIdstartButton.style.visibility=隐藏； document.getElementByIdsubtitle.style.visibility=隐藏； document.getElementByIdgameDescription.style.visibility=隐藏； document.getElementByIdgameText.style.visibility=可见； document.getElementByIdoptionOne.style.visibility=可见； document.getElementByIdoptionTwo.style.visibility=可见； document.getElementByIdbTEXT.style.visibility=可见； document.getElementByIdbTEXT2.style.visibility=可见； } 应该是

function One(){

这里有两件事。首先，我没有在代码中看到开始脚本标记和第一个脚本标记change script to script:

第二，也是最重要的，IF条件：

<script>
function one() {
    var str = document.getElementById("gameText").innerHTML; 
    var txt = str.replace("You're in search of gold and glory. Conquer this 
    dungeon and it shall be yours!","blah blah blah");
    document.getElementById("gameText").innerHTML = txt;
}
</script>

试着总是使用console.log，它总是你的朋友，呵呵

如果函数1.onclick。。。呃，什么？换成你看起来有语法错误@ShyA虽然使用@RickyD更可取，但看看这是你想要的行为吗？谢谢。我以前是这样做的，但我的问题是，我的项目是一个基于文本的游戏，根据我的选择选项1或选项2，我尝试使用If语句，以便代码可以从一个选项运行到下一个选项，If语句相互之间一直运行到最后。也许这不是解决问题的方法。我不太清楚你在问什么，如果你能在这个问题上补充更多的信息，那么我也许能帮上忙。我理解你的困惑。我正在尝试制作一个基于文本的游戏，根据您的决定进行演变。很像告密游戏之类的。为此，我有两个按钮。当按下按钮时，它将更改文本框中的文本和按钮选项说明。IF语句是这样的，每个选择都会导致下一个选择。希望这有帮助。

function One(){

<script>
if (function one.onclick){
    var str = document.getElementById("gameText").innerHTML; 
    var txt = str.replace("You're in search of gold and glory. Conquer this 
    dungeon and it shall be yours!","blah blah blah");
    document.getElementById("gameText").innerHTML = txt;
}
</script>

<script>
function one() {
    var str = document.getElementById("gameText").innerHTML; 
    var txt = str.replace("You're in search of gold and glory. Conquer this 
    dungeon and it shall be yours!","blah blah blah");
    document.getElementById("gameText").innerHTML = txt;
}
</script>