print html entites on DOM in a loop using js

Question

var inputvalue = parent.eq(0).children().eq(2).val().length;
var value = "";
for (var i = 0; i < password; i++) {
    var entity = "&#9679;";
    value += entity;
}
parent.eq(0).children().eq(1).text(value);

Error: it is printing as a string in DOM

We 100% need a lot more information on this please - What are you trying to print out here? — Joshua, Jun 08 '20 at 10:09
You should see this thread: https://stackoverflow.com/questions/7394748/whats-the-right-way-to-decode-a-string-that-has-special-html-entities-in-it — Hitesh Kumar Saini, Jun 08 '20 at 10:10
You're using a method called `.text()`. Why should this method insert HTML? Use `.html()` — Andreas, Jun 08 '20 at 10:11
You can replace your loop with `var value = "●".repeat(password);`. — Ivar, Jun 08 '20 at 10:15

score 1 · Accepted Answer · answered Jun 08 '20 at 10:13

Your issue is that you are setting the text() when you need to set the html()!

var str = '&#9679;&#9679;'
$('.wrong').text(str);
$('.correct').html(str);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class='wrong'></p>
<p class='correct'></p>

print html entites on DOM in a loop using js

1 Answers1