How can i get a the value from a variable, which has an another scope in JS?

Question

I am trying to desing the color of a button depending on one input value.

Herefore i am making if clauses to change the const mycolor depending of the input value state1

if(state1=== "good") {const mycolor="green"}
if(state1 === "medium") { const mycolor="yellow"}
if(state1 === "functional") {const mycolor="red"}

console.log(mycolor)

mycolor is not defined, because it is in the scope of the if statement. How can i get access to it?

Don't declare the variable inside the `if` scope? `let mycolor = null; if (state1 === "good") { mycolor = "green"; }...` — Heretic Monkey, Oct 13 '21 at 15:35
`let mycolor="defaultColor"; if(state1=== "good") {mycolor="green"} if(state1 === "medium") { mycolor="yellow"} if(state1 === "functional") { mycolor="red"} console.log(mycolor)` — navnath, Oct 13 '21 at 15:36
Use switch operator for cases like this instead of millions of ifs. — Roman Kurbatov, Oct 13 '21 at 15:40

score 2 · Answer 1 · answered Oct 13 '21 at 15:36

2

Define mycolor outside of the scope.

let mycolor = ''

if (state1 === 'good') 
  mycolor = 'green'
if (state1 === 'medium')
  mycolor = 'yellow'
if (state1 === 'functional')
  mycolor = 'red'

console.log(mycolor)

answered Oct 13 '21 at 15:36

thchp

2,013
1
18
33

score 0 · Answer 2 · answered Oct 13 '21 at 15:36

0

Declare the variable outside of the if statement (using let) and then just mutate it depending on the state.

answered Oct 13 '21 at 15:36

seddouguim

504
3
12

You can also use the ternary operator to declare your color variable depending on the state1 variable. const mycolor = state1 === "good" ? "green" : state1 === "medium" ? "yellow" : "red" – seddouguim Oct 13 '21 at 15:54

How can i get a the value from a variable, which has an another scope in JS?

2 Answers2