Can anyone correct what is the problem in code

Asked Jun 01 '22 at 08:48

Active Jun 01 '22 at 09:31

Viewed 40 times

-4

HTML

Iam unable to fix problem in this code which change the color by using dropbox

code

<style>
.a {color:red;}
.b {color:green;}
.c {color:blue;}
</style>
<div class:"colorText">Select below to change the color of this text</div>
<select onchange="changeColor(this.value)">
    <option value="a">Red</option>
    <option value="b">Green</option>
    <option value="c">Blue</option>
</select>
<script>
def changeColor(string value)
{
    document.getElementById(‘.colorText’).class = value;
}
</script>

edited Jun 01 '22 at 09:31

asked Jun 01 '22 at 08:48

Amazee21

3

className and not class – Temani Afif Jun 01 '22 at 08:49
2

html uses `attr="value"` not `attr:"value"`, also you try to pick by id, but providing class name instead. use `querySelector` instead of `getElementById` – Sugar Jun 01 '22 at 08:53
it doesnt work i ve tried it – Amazee21 Jun 01 '22 at 08:56
Please can you edit this code for me – Amazee21 Jun 01 '22 at 08:56
`def` is not valid JavaScript. – gre_gor Jun 01 '22 at 09:08
@Amazee21
Select below to change the color of this text
Here yo have used a semicolon after class. Change it to a = mark. – Lash Jun 01 '22 at 11:07

Can anyone correct what is the problem in code

0 Answers0