how to add multiple javascript variable in html a href tag

Question

I write this javascript but it's showing error. can anyone solve this how to write it correctly?

actually I want to show button and on the button, I want link

pop_str = pop_str + '<a href="'+ brand1 + 'vs' + brand2 + '/'><button class="btn master_btn">Compare Now!<button></a>';

Answer 1

Remove the quote on '/' => '/

pop_str = pop_str + '<a href="'+ brand1 + 'vs' + brand2 + '"/><button class="btn master_btn">Compare Now!<button></a>';

Answer 2

To simplify this you could use the back tick character `:

pop_str =  `${pop_str}<a href="${brand1}vs${brand2}"><button class="btn master_btn">Compare Now!<button></a>`

You simply place your variables within ${variable}