html入力タイプから色を更新するにはどうすればいいですか？=色

Question

私はユーザーがキャンバスとやりとりすることができるインターフェイスを実装しています。以前に定義された色を持つFigureを押すと、 Figureの色の値は変わりませんが、入力ボタンの色は変わりません。

つまり、input [type = color] .valueは更新されますが、入力色（デフォルトでは黒色）はその値によって変更されません。

私は更新された入力値をチェックし、選択したFigureの色の値と比較していますが、それらは一致しますが、なぜ入力色が変わらないのかまだ分かりません。ここで

はhtmlコードです：私は、入力色と値を変更しようとしている方法をここで

<dt>Other</dt> 
        <dd>Filled: 
        <input type="checkbox" style="float:inherit; cursor:pointer" id="Filled"></dd> 
        <dd>Color: 
        <input type="color" style="float:inherit; cursor:pointer" id="Color"></dd> 

アン：

document.getElementById("Filled").checked = mySel.filled; 
document.getElementById("Color").value = mySel.fill; 

mySelが選択した形状です。

ありがとうございました

Answer 1

色の種類の入力時に値を更新する方法です。ただし、値のプロパティを更新するだけで、色が自動的に変更されます。コメントスタイリングのため申し訳ありません

var colorInput = document.getElementById("testInput"); 
 

 
setInterval(function() { 
 
    if(colorInput.value == "#00ff00") { 
 
    colorInput.value = "#ff0000"; 
 
    } 
 
    else { 
 
    colorInput.value = "#00ff00"; 
 
    } 
 
}, 1000);

<input id="testInput" type="color"/>