如何将变量值与 in.html() 中的文本一起显示

Question

Hi I have a requirement of printing the value is the popup, I have used the below code

"code"

$('#warning').html('<p style="font-size: 12px;padding-top: 13px;">The updated list value is <p>' + var11);

but i wanted the value 500 to be displayed next to the text in the same line

can some one help me out with this

Thanks

Answer 1

Just need to concenenate with + inside the <p> tag.

 var var11 = 500 $('#warning').html('<p style="font-size: 12px;padding-top: 13px;">The updated list value is ' + var11+'<p>' );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="warning"></div>

Hope this helps

Answer 2

Just add the variable to the text of <p> tag also you can use Template strings :

$('#warning').html(`<p style="font-size: 12px;padding-top: 13px;">The updated list value is ${var11} <p>` );

Answer 3

Get your variable inside the p tag:

$('#warning').html('<p style="font-size: 12px;padding-top: 13px;">The updated list value is' + var11 + ' <p>');