我正在尝试制作一个网页，允许用户通过颜色输入选择颜色，并且该页面应将他们的选择存储在 localStorage 中。理想情况下，用户下次打开页面时仍然应该能够查看他们制作的调色板。
我的问题是颜色输入的值不会随我的 javascript 代码更新。我尝试编写window.onload，甚至在标签中插入“onload()”。他们都没有工作。输入仍然显示相同的默认颜色值，即纯黑色。我确实需要一些帮助来解决这个问题。
非常感谢~
这是我的 HTML 代码：
<body onload="getColor()">
<div class="container">
<div id="mySidebar" class="sidebar">
<label class="noteLabel">C</label>
<input type="color" id="color0" name="color" onchange="handleChange(this.value, this.id)" />
<label class="noteLabel">F#</label>
<input type="color" id="color6" name="color"
onchange="handleChange(this.value, this.id)" /><br />
<label class="noteLabel">C#</label>
<input type="color" id="color1" name="color" onchange="handleChange(this.value, this.id)" />
<label class="noteLabel">G</label>
<input type="color" id="color7" name="color"
onchange="handleChange(this.value, this.id)" /><br />
<label class="noteLabel">D</label>
<input type="color" id="color2" name="color" onchange="handleChange(this.value, this.id)" />
<label class="noteLabel">G#</label>
<input type="color" id="color8" name="color"
onchange="handleChange(this.value, this.id)" /><br />
<label class="noteLabel">D#</label>
<input type="color" id="color3" name="color" onchange="handleChange(this.value, this.id)" />
<label class="noteLabel">A</label>
<input type="color" id="color9" name="color"
onchange="handleChange(this.value, this.id)" /><br />
<label class="noteLabel">E</label>
慕村9548890
拉丁的传说
相关分类