HTML how do I italicize the same word if typed without having to individually type the code?

Question

I am making a guide for one of my games that I play and I want to know if there is a way to italicize specific words that are typed multiple times without having to type <i> and </i> over and over again. I tried looking up how to but either I'm blind or I can't find how.

Not with HTML alone. You could use JavaScript to find those words and put them into an `i` element automatically … but without any basic knowledge, this would be to broad to explain here. — CBroe, Feb 24 '15 at 00:41
Ok, can you tell me which tutorial it would be? like Js loop or whatever it is? — Kurt Moon, Feb 24 '15 at 00:47

score 0 · Answer 1 · answered Feb 24 '15 at 00:51

Must be done with javascript. Here you go...

var wordAr = ["quick", "fox",];
 
var theText = document.getElementById("theText").innerHTML;
 
for (i in wordAr) {
    theText = theText.replace(new RegExp(wordAr[i], 'g'), '<i>'+wordAr[i]+'</i>');
}
 
document.getElementById("theText").innerHTML = theText;

<div id="theText">
    The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
</div>

HTML how do I italicize the same word if typed without having to individually type the code?

1 Answers1