JavaScript-为什么代码不起作用？

Question

I've been learning JavaScript from tutorials online but I couldn't get these two tasks work.I can't see what's wrong in my code....

This is intended to change a image into another when viewer clicks on it.

<script>
    function LightUp(){
        element = document.getElementById(myimage)
        if(element.src.match("eg_bulboff.gif")){
            element.src = "eg_bulbon.gif";
        }else{
            element.src = "eg_bulboff.gif";
        }
    }
</script>
<p>Click the bulb to light it up!</p>
<p><img id="myimage" onclick="LightUp()" src="eg_bulboff.gif"></p>

The code below is intended to change the text into red

<p id="demo4">Change my colour</p>
<script>
    function Red(){
        x = document.getElementById("demo4")
        x.stype.color = "#ff0000";
    }
</script>
<button type="button" onclick="Red()">Click me</button>

Thanks in advance!

Answer 1

You need to make myimage a string.

element = document.getElementById('myimage');

You should also consider declaring your variables with var or they will end up being global variables.