小编Stu*_*ing的帖子

我是JavaScript的新手,作为我大学项目的一部分,我需要包括一些.我创建了一个简单的.js文件,并使用它将其链接到我的index.html文件<script src="main.js"></script>

我创建了另一个名为的页面,sellYourHome.html并添加了一个<section>带有表的标签,并创建了一个简单的表单来计算一个委托,并在输入字段中显示结果.

function comCalc()
{
 prcHouse = parseFloat(document.getElementById('prcHouse').value);
 commision =  0.25; 
 result = prcHouse * commision;
 document.getElementById('prcHouse').value = result.toString();
}

那很有效.

现在在这个函数下,我想创建另一个拾取<div>元素并更改为background-color蓝色的元素.

所以我创建了一个表单index.html并以相同的方式将相同的.js文件链接到它.

这是我的HTML:

<div id="mainContent">
    <p>hello</p>
    <form id="bgColor">
        <table>
            <tr>
                <td>
                    <input type="button" value="blue" onclick="bgColor('blue');">
                </td>
            </tr>
        </table>
    </form><!-- end of bgColor Form-->
</div>

我的javascript就像这样:

function comCalc()
{
    prcHouse = parseFloat(document.getElementById('prcHouse').value);
    commision =  0.25;  
    result = prcHouse * commision;
    document.getElementById('prcHouse').value = result.toString();
}

function bgColor(color)
{
  var …