How to put a variable inside quotes JS

Question

I'm trying to select a specific audio element based on the key that's pressed. The issue is the compiler is reading the variable as a string. How can I get it to read it as a variable?

var hail = e.keyCode 
 var afile = document.querySelector("audio[data-id='hail']")

How do you see your code panning out? – Sid Jan 08 '19 at 14:11 — Sid, Jan 08 '19 at 14:11
I have absolutely no idea what your asking – Liam Jan 08 '19 at 14:12 — Liam, Jan 08 '19 at 14:12
`"audio[data-id='" + hail + "']"` – Justinas Jan 08 '19 at 14:12 — Justinas, Jan 08 '19 at 14:12

score 0 · Answer 1 · answered Jan 08 '19 at 14:12

0

You can use Javascript template strings :

var hail = e.keyCode 
 var afile = document.querySelector(`audio[data-id=${hail}]`)

answered Jan 08 '19 at 14:12

Dmitriy

1,211
1
11
28

2

This glosses over so many concepts OP is clearly not familiar with. – Nick Jan 08 '19 at 14:13
3

You mean the concepts that are explained in the link? – Andy Jan 08 '19 at 14:14
It still needs the quotes around the `hail` value. – Jan 08 '19 at 14:15
@Amy - Not if it's a key code. Quotes are optional if the value doesn't contain spaces or a few other things: https://html.spec.whatwg.org/#attributes-2 – T.J. Crowder Jan 08 '19 at 14:18
Interesting, thanks. @T.J.Crowder – Jan 08 '19 at 14:18
While they're optional, they do get inserted in the parsed markup. I prefer to add them in (for consistency). – Andy Jan 08 '19 at 14:25

How to put a variable inside quotes JS

1 Answers1