通过单击按钮javascript显示两个图像中的一个(50次50次机会掷硬币)
Displaying one of two image (50 50 chance-coin toss) from a click button-javascript
我正试图使用随机数生成器,通过将每个图像分配给if and else语句,使用单击按钮显示两个图像中的一个。我不确定问题出在哪里。以下是我的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Assignment 9</title>
<link href="images/avatar.png" rel="shortcut icon" type="image/png">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/javascript.js" type="text/javascript"></script>
<style type="text/css">
.auto-style1 {
text-align: center;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<header>
</header>
<aside>
</aside>
<div id="main">
<h1> Arrays and Coditional Statements</h1>
<h2 class="auto-style1">Flip a coin </h2>
<script>
function myFunction1() {
var result = doucment.getElementById("pic");
var x = Math.floor(Math.random() * 2);
console.log(x);
if (x == 0) {
document.getElementById("Coin").innerHTML = "Heads"
result.innerHTML="<img alt='"the frontside of a coin'" src='"images/heads.jpg'" />"; }
else {
document.getElementById("Coin").innerHTML = "Tails";
result.innerHTML= "<img alt='"the backside of a coin'" src='"images/tails.jpg'" />";
}
}
myFunction1();
</script>
<button type="button" onclick="myFunction1()" id="Coin">CLick ME</button>
<p id="pic"> </p>
</div>
<footer>
</footer>
</body>
</html>
您有一个非常简单的打字错误。您写道:var result = doucment.getElementById("pic");
文档拼写错误
相关文章:
- Javascript返回值只在循环中返回一次
- Jquery FadeIn FadeOut 只工作一次
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- 将数字转换为一定数量的硬币
- Javascript html每点击一次就会更改url
- /undefined在我的404错误日志中多次出现
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Google Adsense多次加载脚本
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- ScriptManager.RegisterStartupScript保持多次添加脚本块
- Meteor Router数据函数被调用两次
- 创建要多次使用的函数
- 多次发射多个可观察器的问题
- jQuery滚动功能只工作一次
- MSCRM异步javascript SDK.REST.retriveMultipleRecords只返回50条记录,一次
- AJAX 查询工作 50+ 次,然后崩溃 JavaScript
- 在IE 8中以每秒50次的速度设置间隔slugish
- 在每秒 10 次调用限制的情况下一次发出 50 个 API 请求的有效方法是什么(烂番茄 API)
- 通过单击按钮javascript显示两个图像中的一个(50次50次机会掷硬币)
- 投掷3个骰子50次,并将每个骰子存储在一个数组中并显示在html中