Generate string with dynamic content

Question

I have a string like below,

var markup = "<p class='error-info-popup-link' onclick='processData.getErrorInfoPopup("+helper.qaConstants[item.errors[i]]+", "+item.source+", "+ seqNo +")'> Info </p>"

Above string output is:-

<p class="error-info-popup-link" onclick="processData.getErrorInfoPopup(Numeric Mismatch, 1, 2)"> Info </p>

I want below output:-

<p class="error-info-popup-link" onclick="processData.getErrorInfoPopup('Numeric Mismatch', 1, 2)"> Info </p>

What should i do?

You can use \" to escape quotes in a string

James
– James

2019-09-18 14:51:08 +00:00
Commented Sep 18, 2019 at 14:51 — James
– James, Commented Sep 18, 2019 at 14:51

Marcos Luis Delgado · Accepted Answer · 2019-09-18 14:51:08Z

1

Just add the escaped quotes:

var markup = "<p class='error-info-popup-link' onclick='processData.getErrorInfoPopup(\""+helper.qaConstants[item.errors[i]]+"\", "+item.source+", "+ seqNo +")'> Info </p>"

Or use templates:

var markup = `<p class='error-info-popup-link' onclick='processData.getErrorInfoPopup("${helper.qaConstants[item.errors[i]]}", ${item.source}, ${seqNo})'> Info </p>`

answered Sep 18, 2019 at 14:51

Marcos Luis Delgado

1,4498 silver badges11 bronze badges

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

Comments

Taplar · Accepted Answer · 2019-09-18 14:58:56Z

1

Personally I would say bypass the issue entirely and avoid inline bindings.

var newP = document.createElement('p');

newP.classList.add('error-info-popup-link');
newP.innerText = ' Info ';
newP.addEventListener('click', function(){
  processData.getErrorInfoPopup(
    helper.qaConstants[item.errors[i]],
    item.source,
    seqNo
  );
});

answered Sep 18, 2019 at 14:58

Taplar

25k4 gold badges24 silver badges36 bronze badges

Collectives™ on Stack Overflow

Generate string with dynamic content

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related