以下の私のhtmlコードは、緑と赤の色のボタンを表示するはずですが、表示されていませんが、クリアキャンバスとハウディのボタンが表示されます。何が間違っているのですか?最終的には、ボタンを押してキャンバスに描かれている線の色を変更したいのですが、役に立つJavascriptコードで実装する方法を知っている人は誰でも知っています。私はこれに非常に慣れていません。
<title>Paint Canvas</title>
</head>
<body>
<div id="container">
<canvas id="imageView" width="600" height="300">
<input type= "button" value= "Green" id= "green" onclick= "GreenRect()" />
<input type= "button" value= "Red" id= "red" onclick= "RedRect()" />
</p>
</canvas>
</div>
<script type="text/javascript" src=".js"></script>
</body>
</html>
<body >
<button id="clear">Clear Canvas</button><br>
<button id="howdy">Howdy!</button><br>
</body>