JavaScript - Concatenate a value within variable

Question

I know that this is somewhat, very basic question, but.. I have to create a cypress element, for which I have to concatenate a value between variables.

Like I have this value

const value = "100 - 299"

and I have to print a value within a string, i.e.

cy.get('[data-value="100 - 299"]')

I am trying everything but unable to do so. Can someone help me on this?

Try backticks. Within them you can [data-value="${value}"] — D.Schaller
– D.Schaller, Commented Nov 5, 2021 at 17:30

mplungjan · Accepted Answer · 2021-11-05 17:30:07Z

4

I would consider template literals - also called backticks

cy.get(`[data-value="${value}"]`)

answered Nov 5, 2021 at 17:30

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

2 Comments

Nerdi.org Over a year ago

I just want to add that template literals work in most browsers, but there are older versions of browsers that it will not work in. And if you run a development company like me, you'll know that clients do not care that their customers use Internet Explorer from the early 2000s, they WILL blame the devs! caniuse.com/template-literals

mplungjan Over a year ago

@Nerdi.org If you need that, you can use Babel

Nerdi.org · Accepted Answer · 2021-11-10 19:55:38Z

1

You could consider concatenation.

const value = "100 - 299"

cy.get('[data-value="' + value + '"]')

Or template literals ( check compatability: https://caniuse.com/template-literals )

cy.get(`[data-value="${value}"]`)

Or pre-concatenation:

const value = "100 - 299"
const fullstring = '[data-value="' + value + '"]'
cy.get(fullstring)

edited Nov 10, 2021 at 19:55

answered Nov 5, 2021 at 17:48

Nerdi.org

9336 silver badges13 bronze badges

Collectives™ on Stack Overflow

JavaScript - Concatenate a value within variable

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related