如何使javascript样式的更改持续到最后_Javascript_Html

如何使javascript样式的更改持续到最后

javascript html

如何使javascript样式的更改持续到最后,javascript,html,Javascript,Html,对于index.html，我有类似的内容 <!DOCTYPE html> <html> <head> <title>Game</title> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.cs

对于index.html，我有类似的内容

<!DOCTYPE html>
<html>
  <head>
    <title>Game</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  </head>
  <body>
    <h2 class= "question1">How many letters are in "hello" ?</h2>
    <form class="answers">
        <input type="submit" name="answer1" value="1" class="answer" onclick="wrongAnswer(this.name)">
    </form>


  </body>

  <script src="JavaScript.js"> </script>

</html>

按下按钮时，背景变为红色，但不会持续。它会在1秒钟内消失。我希望它被改变，只要页面没有刷新。怎么做

感谢您抽出时间

您正在使用提交按钮输入。按下该按钮时，浏览器会尝试将表单数据发送到服务器，从而重新加载页面。您可以改为使用按钮元素：

<h2 class= "question1">How many letters are in "hello" ?</h2>
<button name="1" onclick="wrongAnswer(this.name)">1</button>

“你好”中有多少个字母？ 1.

您正在使用提交按钮输入。按下该按钮时，浏览器会尝试将表单数据发送到服务器，从而重新加载页面。您可以改为使用按钮元素：

<h2 class= "question1">How many letters are in "hello" ?</h2>
<button name="1" onclick="wrongAnswer(this.name)">1</button>

“你好”中有多少个字母？ 1.

您的

表单元素

正在对其内容的

提交

触发

页面刷新

这是正常的

典型的做法是截取所述

表单的onSubmit事件和preventDefault（）

有关实际示例，请参见下文
请注意以下代码的相应JavaScript
和HTML
部分中的handleSubmit（）和onSubmit
引用

//处理提交。
函数handleSubmit（事件）{
event.preventDefault（）//防止默认值。
}
//回答错了。
函数错误答案（名称）
{
document.getElementsByName（名称）[0].style.backgroundColor=“红色”；
}

游戏
“你好”有多少个字母？
您的表单元素
正在对其内容的提交
触发页面刷新

这是正常的
典型的做法是截取所述表单的onSubmit事件和preventDefault（）

有关实际示例，请参见下文
请注意以下代码的相应JavaScript
和HTML
部分中的handleSubmit（）和onSubmit
引用

//处理提交。
函数handleSubmit（事件）{
event.preventDefault（）//防止默认值。
}
//回答错了。
函数错误答案（名称）
{
document.getElementsByName（名称）[0].style.backgroundColor=“红色”；
}

游戏
“你好”有多少个字母？
submit
为您的页面提供了一个全新的版本。只需使用div或按钮作为按钮，不要使用输入类型submit，您可以将提交功能与检查功能分开。@Dinesh非常感谢，我解决了这个问题。我不需要表单标签来显示选项，只需要单击“下一个问题”按钮即可。@Merigold谢谢，我可以这样做。这是一种更好的做法吗？submit
为您的页面带来了一个全新的化身。只需使用div或按钮作为按钮，不要使用输入类型submit，您可以将提交功能和检查功能分开。@Dinesh非常感谢，我解决了这个问题。我不需要表单标签来显示选项，只需要单击“下一个问题”按钮即可。@Merigold谢谢，我可以这样做。这是更好的练习吗？