Parsing a value of a variable onto another variable in javascript

Question

How can I parse the value of the constant named currentTab to that of the one named tabToActivate?

function panel(event) {
    const tab = event.currentTarget.closest(".tab");
    const container = tab.closest(".login-sign");
    const currentTab = event.currentTarget.dataset.forTab;
    const tabToActivate = container.querySelector(".tabcontent[data-tab ='${currentTab}']");
    
    console.log(tabToActivate)//outputs null perhaps due to improper parsing
}

I guess, it would make sense to share corresponding html to make sure your query is valid. — Yevhen Horbunkov
– Yevhen Horbunkov, Commented Jan 27, 2021 at 9:57
"perhaps due to improper parsing" - You're not parsing anything in your excerpt. — Andreas
– Andreas, Commented Jan 27, 2021 at 10:01
".tabcontent[data-tab ='${currentTab}']" - a template literal uses backticks and not regular quotes — Andreas
– Andreas, Commented Jan 27, 2021 at 10:01
You have to use template literals if you want to interpolate the variable value as you are trying to do: const tabToActivate = container.querySelector(`.tabcontent[data-tab ='${currentTab}']`); — secan
– secan, Commented Jan 27, 2021 at 10:02

Renan Souza · Accepted Answer · 2021-01-27 10:09:20Z

2

Though your question is not too clear but i think i got it. We can only pass a variable in a string by using back ticks not quotes;

const tabToActivate = container.querySelector(`.tabcontent[data-tab="${currentTab}"]`);

edited Jan 27, 2021 at 10:09

Renan Souza

9159 silver badges25 bronze badges

answered Jan 27, 2021 at 10:01

Irfan wani

5,2822 gold badges32 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andreas Over a year ago

Please wrap the attribute value in quotes to get a valid selector: ="${currentTab}"

Collectives™ on Stack Overflow

Parsing a value of a variable onto another variable in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related