Question

我必须使用事件监听器在窗口调整大小时将主体更改为随机颜色。我目前没有改变颜色。我没有控制台错误，所以我不知道问题是什么。我被赋予了生成随机颜色的功能。

HTML

<body id="body11">
    <div>
        <p>requirement 11</p>
    </div>
</body>

的Javascript

<head>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            window.addEventListener("onresize", bodyColor)
            function bodyColor(){
                document.getElementById("body11").style.backgroundColor =
                '#'+Math.floor(Math.random()*16777215).toString(16);
            }
        }); 
    </script>
</head>

这是我认为我的代码所说的......

在文档中添加一个事件监听器，DOMContentLoaded会调用该函数向窗口添加一个eventlistener，这样在调整大小时它会调用该函数将正文的背景颜色改为随机颜色。

我还尝试将脚本放在body的底部并取消DOMContentLoaded方面，但结果相同。

我没有控制台错误，我必须使用eventlistener，因为这是一个家庭作业目标。

我哪里出错？

Answer 1

您应该正在聆听名为＆＃34;调整大小＆＃34;而不是＆＃34; onresize＆＃34;的事件。

您没有获得任何控制台输出的原因是该事件本身并未被解雇。

这 -

window.addEventListener("resize", function(e){
  // your body color change code
});

应该有效

onresize事件监听器改变html体的颜色

1 个答案: