Javascript 提交按钮随机抛硬币
Javascript Submit Button Random Coin Toss
希望这是一个快速修复。我有一个可以正常运行的投币发生器(耶!)但我希望能够多次按下翻转按钮并 运行 该功能而无需重新加载和刷新页面。
var randomNumber = Math.floor(Math.random() * 2) + 1;
document.getElementById("flip").onclick = function(junction){
if(randomNumber == 1){
document.getElementById("response").innerHTML = "Heads!";
} else {
document.getElementById("response").innerHTML = "Tails!";
}
}
<!DOCTYPE html>
<html>
<head>
<title>Heads or Tails</title>
</head>
<body>
<h1>Will it be heads or tails?</h1>
<h3 id="response"></h3>
<button id="flip" type="button">Let's Flip!</button>
</body>
<script src="app.js"></script>
</html>
嘿,您可能需要进行一些更改!在 javascript 中,您在这里使用 id flip document.getElementById("flip").onclick =function(junction){
但您的代码没有任何带有 id flip 的元素!
编辑并赶上。
function junction (){
var randomNumber=Math.floor(Math.random()*2)+1;
if(randomNumber==1){
document.getElementById("response").innerHTML ="Heads!";
}
else {
document.getElementById("response").innerHTML ="Tails!";
}
}
在javascript中声明一个函数并使用onclick属性调用它。
看看那个代码片段,它有效!
function junction(){
var randomNumber = Math.floor(Math.random() * 2) + 1;
if(randomNumber == 1){
document.getElementById("response").innerHTML = "Heads!";
} else {
document.getElementById("response").innerHTML = "Tails!";
}
}
<!DOCTYPE html>
<html>
<head>
<title>Guess the Number!</title>
</head>
<body>
<h1>Guess the Number!</h1>
<p>See if you can guess the number between 1 and 50</p>
<label for="guess"> Enter Your Guess </label>
<input type="text" id="guess"><br>
<button id="submit" onclick="junction();">Submit Guess</button>
<p id="response"></p>
</body>
</html>
希望这是一个快速修复。我有一个可以正常运行的投币发生器(耶!)但我希望能够多次按下翻转按钮并 运行 该功能而无需重新加载和刷新页面。
var randomNumber = Math.floor(Math.random() * 2) + 1;
document.getElementById("flip").onclick = function(junction){
if(randomNumber == 1){
document.getElementById("response").innerHTML = "Heads!";
} else {
document.getElementById("response").innerHTML = "Tails!";
}
}
<!DOCTYPE html>
<html>
<head>
<title>Heads or Tails</title>
</head>
<body>
<h1>Will it be heads or tails?</h1>
<h3 id="response"></h3>
<button id="flip" type="button">Let's Flip!</button>
</body>
<script src="app.js"></script>
</html>
嘿,您可能需要进行一些更改!在 javascript 中,您在这里使用 id flip document.getElementById("flip").onclick =function(junction){
但您的代码没有任何带有 id flip 的元素!
编辑并赶上。
function junction (){
var randomNumber=Math.floor(Math.random()*2)+1;
if(randomNumber==1){
document.getElementById("response").innerHTML ="Heads!";
}
else {
document.getElementById("response").innerHTML ="Tails!";
}
}
在javascript中声明一个函数并使用onclick属性调用它。
看看那个代码片段,它有效!
function junction(){
var randomNumber = Math.floor(Math.random() * 2) + 1;
if(randomNumber == 1){
document.getElementById("response").innerHTML = "Heads!";
} else {
document.getElementById("response").innerHTML = "Tails!";
}
}
<!DOCTYPE html>
<html>
<head>
<title>Guess the Number!</title>
</head>
<body>
<h1>Guess the Number!</h1>
<p>See if you can guess the number between 1 and 50</p>
<label for="guess"> Enter Your Guess </label>
<input type="text" id="guess"><br>
<button id="submit" onclick="junction();">Submit Guess</button>
<p id="response"></p>
</body>
</html>