1

Javascript を学習しようとしていますが、外部の .js ファイルに問題があります。別のラジオ ボタンが選択されたときに色が変わる div を作成しようとしています。「onclick」プロパティとjs関数を使用して動作するようになりました。ただし、JavaScriptを使用してdivをデフォルトの色にすることはできません。私が使用しているコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jspract_j.js"></script>
</head>
<body>
    <form name="form" action="jspract.html" method="post">
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="red" value="red">Red</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="yellow" value="yellow">Yellow</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="blue" value="blue">Blue</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="orange" value="orange">Orange</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="purple" value="purple">Purple</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="green" value="green">Green</label><br>
        <br>
    </form>
    <div id="change"></div>
    </body>

そしてJavascript：

function divcol(color)
{
    document.getElementById("change").style.backgroundColor=color;
}

document.getElementById("change").style.backgroundColor="pink";

ラジオ ボタンの色が変わり、意図したとおりに機能します。div はロード時に白く表示されますが、ピンクではありません。ここで何がうまくいかないのですか？

Javascript の仕組みの重要な部分が欠けているように感じます。私はインターネットを精査しようとしましたが、.js ファイルを誤ってリンクしている人々に関する投稿しか見つかりませんでした。私のものは適切にリンクされていますが、希望どおりに実行されていません。

4

1 に答える 1