如何用javascript让我的按钮做一些事情？

Question

我今年16岁，对Web开发很陌生。我一直在写一堆程序进行练习，但我被这个程序卡住了。

我在html中做了带有输入标签的按钮.所以现在我想让这些按钮在javascript函数中做一些事情，但我什么也没做出来。

我真的很感激一些可以让我学习的示例代码。

我的html和javascript是这样的。

           function selectPrize() {
           var butn1 = document.getElementById.onclick();

           if (butn1) {

               alert("You won a new Car");

           }


        }

<input type="button" id="btn1" value="ClickMe" onclick="selectPrize()">

Answer 1

创建一个函数

<script>
  function doSomething() {
   alert('Did something');
 }
</script>

当您的按钮上发生事件时调用该函数（在本例中是点击事件）。

<input type="button" onclick="doSomething()" value="Do Something" />

Answer 2

简单的例子。其实只是编辑和添加了一些小功能，激发你的想象力，你可以做什么。

var flag = 1;

function myFunction() {
  if (flag === 1) {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
    flag=-1;
  } else {
  document.getElementById("demo").innerHTML = "No result... again";
    flag=1;
  }
}

.box {
  display: block;
}

.button {
  background-color: #fff;
  border: 1px solid #dbdbdb
}

.button:hover {
  background-color: #dbdbdb;
  border: 1px solid #f0f
}

<div class="box">
  <h3> Example execute javascript on button click </h3>
  <div class="elements">
    <button class="button" onclick="myFunction()">Click me</button>
    <p id="demo">No result</p>
  </div>
</div>