Color-Intro/main.js at main · MasterCoderABC/Color-Intro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
document.getElementById("label")

function black(){
    document.getElementById("label").innerHTML = "This is black."
    document.getElementById("label").style.color = "black"
}

function violet(){
    document.getElementById("label").innerHTML = "This is violet."
    document.getElementById("label").style.color = "violet"
}

 function indigo(){
        document.getElementById("label").innerHTML = "This is indigo."
        document.getElementById("label").style.color = "indigo"
 }

 function blue(){
    document.getElementById("label").innerHTML = "This is blue."
    document.getElementById("label").style.color = "blue"
}

function green(){
    document.getElementById("label").innerHTML = "This is green."
    document.getElementById("label").style.color = "green"
}

function yellow(){
    document.getElementById("label").innerHTML = "This is yellow."
    document.getElementById("label").style.color = "yellow"
}

function orange(){
    document.getElementById("label").innerHTML = "This is orange."
    document.getElementById("label").style.color = "orange"
}

function red(){
    document.getElementById("label").innerHTML = "This is red."
    document.getElementById("label").style.color = "red"
}

function speak(){
    var msg = new SpeechSynthesisUtterance()
 msg.text = document.getElementById("label").innerHTML
 window.speechSynthesis.speak(msg)
}