更改背景颜色和文本，逻辑是否存在但脚本不起作用？

Question

我正在做我的家庭作业之一的问题。我们应该改变背景颜色和文本，用户可以选择什么颜色和是否改变字体的衬线或无衬线。我感觉这是一个简单的脚本，我“感觉”我的逻辑在那里，但当我点击其中一种颜色或字体时，它不会改变任何东西。

<!DOCTYPE html>
<html>
    <head>
    <title>12.6</title>
    <script type="text/javascript">

    function changeBGC(color)
    {
        document.bigColor = color;
    }

    function changeFontFamily(fontFam)
    {
        document.getElementById("para").style.fontFamily = fontFam;
    }
    </script>
</head>

<body>
    <a href="#" onClick="changeBGC('blue')">Blue Color</a>
    <a href="#" onClick="javascript:changeBGC('yellow')">Yellow Color</a>
    <a href="#" onClick="javascript:changeBGC('green')">Green Color</a>

    <br>

    <a href="#" onClick="javascript:changeFontFamily('Arial, sans-serif')">SansSerif font!</a>
    <a href="#" onClick="javascript:changeFontFamily(serif')">Serif font!</a>

    <p id='para'> Text</p>

</body>
</html>

Answer 1

我想你的函数有误。

在changeBGC函数中尝试使用document.bgColor = color

Answer 2

你的代码中有一些错误，一些遗漏/结束

我把它修好了，现在它应该可以工作了

<!DOCTYPE html>
<html>
<head>
<title>12.6</title>
<script type="text/javascript">

function changeBGC(color)
{
    document.getElementById("body").style.background = color;
}

function changeFontFamily(fontFam)
{
    document.getElementById("para").style.fontFamily = fontFam;
}
</script>
</head>

<body id="body">
<a href="#" onclick="changeBGC('blue')">Blue Color</a>
<a href="#" onclick="changeBGC('yellow')">Yellow Color</a>
<a href="#" onclick="changeBGC('green')">Green Color</a>

<br>

<a href="#" onclick="changeFontFamily('Arial, sans-serif')">
SansSerif font!</a>
<a href="#" onclick="changeFontFamily('serif')">Serif font!</a>

<p id='para'> Text</p>

</body>
</html>