[javascript未在html代码中启用pycharm IDE

问题描述 投票:0回答:1

以下是代码:当我单击R或G或B按钮时,应该更改颜色,但未按预期发生,这是怎么回事?

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>BackGround</title>
</head>

<body>
  <button id="red"> R </button>
  <button id="blue"> B </button>
  <button id="green"> G </button>
  <script>
    let body = document.querySelector('body');
    document.querySelector('#red').oncliclk = function() {
      body.style.backgroundColor = 'red';
    };
    document.querySelector('#blue').oncliclk = function() {
      body.style.backgroundColor = 'blue';
    };
    document.querySelector('#green').oncliclk = function() {
      body.style.backgroundColor = 'green';
    };
  </script>
</body>

</html>
javascript pycharm
1个回答
0
投票

我认为您犯了一些拼写错误,不确定也不要在“ =”]之间放置空格

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>BackGround</title>
    </head>
        <body>
            <button id="red"> R </button>
            <button id="blue"> B </button>
            <button id="green"> G </button>
            <script>
                let body = document.querySelector('body');
                document.querySelector('#red').onclick = function(){
                 body.style.backgroundColor = 'red';
                };
                document.querySelector('#blue').onclick = function(){
                    body.style.backgroundColor = 'blue';
                };
                document.querySelector('#green').onclick = function(){
                    body.style.backgroundColor = 'green';
                };
                </script>
            </body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.