Fatal编程技术网
  • html/
  • 在HTML中按下按钮时禁用和启用文本？

在HTML中按下按钮时禁用和启用文本？

html

在HTML中按下按钮时禁用和启用文本？,html,Html,当按下开始按钮时，如何禁用我的文本单击开始游戏开始？按下“开始”按钮后，它将继续显示 HTML代码： <html> <head> <link rel="icon" href="./arrows/clubbackground.jpg" type="image/gif" sizes="16x16"> <script src="https://code.jquery.com/jquery-1.11.2.min.js"></scrip

当按下开始按钮时，如何禁用我的文本单击开始游戏开始？按下“开始”按钮后，它将继续显示

HTML代码：

<html>
<head>
    <link rel="icon" href="./arrows/clubbackground.jpg" type="image/gif" sizes="16x16">
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="jsRev.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>DDR-Project 1</title>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="BackgroundScene">
  <div id="DanceScoreboard">
    <div id="GameStopped"><button id="StartBtn" class="btnStyle" onclick="gameStarted=true;">Begin Game</button>
      <br><br><br>
      <div class="Status">Click Begin Game to start</div>
    </div>
    <div id="GameRunning"><button id="StopBtn" class="btnStyle" onclick="history.go(0);">Stop Game</button>
      <div id="Status" class="Status"></div>
    </div>
  </div>
<p style="color:blue;">Points Earned:</p>
<div id="dancePoints" class="Points"><div class="OutputText" id="CorrectCount">0</div>
    </div>
  <div class="stage"></div>
  <!-- ENDS .STAGE -->
  <div id="controls">
    <img id="left" src="./arrows/staticLeft.png">
    <img id="up" src="./arrows/staticUp.png">
    <img id="down" src="./arrows/staticDown.png">
    <img id="right" src="./arrows/staticRight.png">
  </div>
  <!-- ENDS #CONTROLS -->

</body>
</html>


复员方案项目1
开始游戏




点击开始游戏开始
停止游戏
赢得的积分：

0
我想这就是你想要的。请检查


复员方案项目1
开始游戏




点击开始游戏开始
停止游戏
赢得的积分：

0
jQuery（'#StartBtn'）。单击（函数（）{
jQuery（'.Status'）.hide（）；
})
您可以为
开始游戏
按钮的
onclick
事件添加一行额外内容

HTML

<div id="GameStopped"><button id="StartBtn" class="btnStyle" onclick="beginGame()">Begin Game</button>
      <br><br><br>
  <div class="Status" id="ClickToBeginMessage">Click Begin Game to start</div>
</div>

function beginGame(){
  gameStarted=true;
  $("#ClickToBeginMessage").hide()
}