<body>
<select>
<option value="black">Black</option>
<option value="blue">Blue</option>
<option value="green">Red</option>
</select>
<br>
<svg id="svg" style="width:75%; height:500px; border:1px solid black"></svg>
</body>
<br>
<script>
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('select').onchange = () => {
colors = this.value;
console.log(colors);
console.log(this.dataset.value);
console.log(this.data-value);
};
});
</script>
I've also tried using this.data['value'] and pretty much exhausted all possibilities.
Errors: include undefined draw.html:35 Uncaught TypeError: Cannot read properties of undefined (reading 'value') at HTMLSelectElement.document.querySelector.onchange (draw.html:35:38)