如何使某些Javascript仅在有人单击链接或元素时运行?
我问这个问题是因为在一个教程中,我做了一个石头、布、剪刀的游戏,希望只有当有人点击某个东西来运行它时,它才会运行。不是它自动运行的地方。请让我知道。:) 如果你想要游戏的编码,就在这里如何使某些Javascript仅在有人单击链接或元素时运行?,javascript,function,if-statement,Javascript,Function,If Statement,我问这个问题是因为在一个教程中,我做了一个石头、布、剪刀的游戏,希望只有当有人点击某个东西来运行它时,它才会运行。不是它自动运行的地方。请让我知道。:) 如果你想要游戏的编码,就在这里 <script> confirm("Open up your browsers console to see who wins") var userChoice = prompt("Do you choose rock, paper or scissors?"); var computerCh
<script>
confirm("Open up your browsers console to see who wins")
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if (computerChoice < 0.34) {
computerChoice = "rock";
} else if(computerChoice <= 0.67) {
computerChoice = "paper";
} else {
computerChoice = "scissors";
} console.log("Computer: " + computerChoice);
var compare = function (choice1, choice2)
{
if (choice1 === choice2) {
return "The result is a tie!";
}
else if (choice1 ==="rock") { // 1st Choice
if(choice2 === "scissors") {
return "rock wins";
}
else {
return "paper wins";
}
}
else if (choice1 === "paper") { // 2nd Choice
if (choice2 === "rock") {
return "paper wins";
}
else {
return "scissors wins"
}
}
else if (choice1 === "scissors") { // 3rd Choice
if (choice2 === "rock") {
return "rock wins";
}
else {
return "scissors wins";
}
}
};
compare(userChoice,computerChoice);
</script>
确认(“打开浏览器控制台查看谁赢”)
var userChoice=prompt(“您选择石头、布还是剪刀?”);
var computerChoice=Math.random();
如果(计算机选择<0.34){
computerChoice=“rock”;
}else if(computerChoice大多数HTML元素都会响应事件。如果您想在单击文本时运行函数,可以使用调用函数的onclick
事件将文本放入div
元素中
<script>
function func1() {
alert("First function has been called");
}
function func2() {
alert("Second function");
}
</script>
This text does nothing
<div onclick="func1()">This does something</div>
This text does nothing
<div onclick="func2()">This does something else</div>
This text does nothing
函数func1(){
警报(“已调用第一个函数”);
}
函数func2(){
警报(“第二功能”);
}
这篇课文什么也不做
这有点作用
这篇课文什么也不做
这还有别的作用
这篇课文什么也不做
如果您想要一个按钮来启动脚本,您必须做两件事:
将脚本包含在函数中。让我们调用函数“play”。因此
函数播放(){
…将玩游戏的javascript放在这里。。。
}
在HTML中创建一个按钮,如下所示:
播放
这实际上是一个糟糕的例子,尽管它会起作用。关于如何为web编写计算机程序的现代思考建议将javascript和HTML拆分为它们自己的文件,在可单击组件(如按钮)的HTML中设置一个id
,而不是onclick
,并在ja中设置onclick
处理程序通过查找id
来创建vascript文件。但是,也许从一开始就要学习太多了。你最终应该学习这个…Codeacademy?非常棒的学习网站。而且,一旦你完成了教程的这一部分,就可以很容易地从该设置中制作21点游戏。所以我会保存该代码,可能是w关于其他想法,请参阅建议将JS与HTML分开。不要使用onclick
,而是尝试将事件侦听器添加到元素中。
<script>
function play(){
... put the javascript to play the game in here ...
}
</script>