JavaScript 按钮,在我点击之前将我带到文档中

标签 javascript jquery html

我的小项目遇到了问题,我学习了 javascript,我制作了一个脚本,该脚本会计入您编写的数字的平方。

var checkIt = function(){
	var theNumber = Number(prompt("Podaj liczbe", ""));
if (!isNaN(theNumber)) {
	document.getElementById("test").innerHTML = ("Twoja liczba jest pierwiastkiem kwadratowym liczby "+ theNumber * theNumber);
} else {
	document.getElementById("test").innerHTML = ("Hej to miała być liczba!<button class = 'btn btn-default'>Reset</button> ");

}
};
body {

}
nav ul li {
	display: inline;
}
nav ul li a {
	border: 5px solid green;
	color: black;
	background-color: white;
	font-size: 25px;
	margin-right: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
li a:hover {
	background-color: green;
	color: white;
	text-decoration: none;
}
<body>
	<nav>
		<ul>
			<li><a href="#">Start</a></li>
			<li><a href="#">Start</a></li>
			<li><a href="#">Start</a></li>
		</ul>
	</nav>
	<section class="container">
		<p>Hello Wordl i'm learning JavaScript right now :)</p>
		<div id="test">
			<button class="btn btn-primary" onclick="checkIt()">Sprawdź się :p</button>
		</div>
	</section>

这是一个代码,现在我想添加一个按钮,在我们单击按钮来计算正方形之前,它会引导我们放置。希望你能理解我

最佳答案

您实际上需要重新加载页面。 来试试这个,

<nav>
  <ul>
    <li><a href="#" onClick="document.location.reload(true)">Start</a></li>
  </ul>
</nav>

编辑

使用此函数将您的 html 重置为初始状态

var reset = function(){
 document.getElementById("test").innerHTML = ('<div id="test"><button class="btn btn-primary" onclick="checkIt()">Sprawdź się :p</button></div>');      
}


<nav>
  <ul>
    <li><a href="#" onClick="reset()">Start</a></li>
  </ul>
</nav>

关于JavaScript 按钮,在我点击之前将我带到文档中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36530170/

相关文章:

javascript - 如何使 SVG 在 DOM 中不占用空间?

javascript - 如何重复函数来放置另一个innerHTML?

javascript - 多个 div 创建、jquery/javascript、性能/最佳实践

javascript - 使文本区域的第一部分只读

javascript - 响应式设计中的背景图像

javascript - webpack 不允许 d3.csv() 加载数据?

javascript - 自定义javascript提示和确认框

html - 如何使两个字符串垂直居中?

javascript - 防止拉斐尔的规模

jquery - 等到一个 Action 结束再开始另一个 Action