Question

＆＃13;

< script type = "text/javascript" >
  document.getElementById("alertme").onclick = function() {

    alert("hell with you");

  }

< /script>

＆＃13;

#circle {
  width: 500px;
  height: 500px;
  border-radius: 250px;
  background-color: rgba(167, 10, 10, 0.595);
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JavaScrip!</title>

</head>

<body>

  <button id="alertme">Hello</button>


  <p id="para1">
    This is a test
  </p>
  <button id="alertp">Whats written</button>



  <p id="inco">this is</p>
  <button id="incomp">complete sentence</button>
  <p id="change">i hate it</p>
  <button id="changeMe">change it!</button>
  <div id="circle">
  </div>
  <button id="hide">hide circle!</button>
</body>

</html>
<link rel="stylesheet" href="Styles.css" type="text/css">

＆＃13;

嗨，我是JavaScript新手。我正在练习一些代码，具有讽刺意味的是我的简单警报JavaScript功能并没有起作用。请以简单的方式指导我。 PS：与JavaScript相比，Html和CSS是小菜一碟感谢。

Answer 1

您的代码是正确的，但您没有在您的代码中包含该脚本。

在head部分或关闭正文之前添加脚本

我想指出的另一件事是将样式表放在标题中。

jsfiddle

上的工作代码

JavaScript的初学者

1 个答案: