如何使某些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>