vorrei selezionare giornata e breve e trasformarlo in grassetto con strong
codice HTML:
<div id="frase">la giornata e troppo breve</div>
<script type="text/javascript">
var elemento = document.querySelector("#frase");
var frase = elemento.innerHTML; //
var dividiFrase = frase.split(/\s/) // ["la", "giornata", "e", "troppo", "breve"]
for(x=0; x<dividiFrase.length; x++){
// qui itera su tutti gli elementi, quando passa per giornata dovrebbe racchiuderlo dentro un elemento <strong>, la stessa cosa vale per giornata
if(dividiFrase[x]== dividiFrase[1]){
elemento.innerHTML = dividiFrase[1]+"<strong>"+ dividiFrase[1]+"</strong>";
}
if(dividiFrase[x]== dividiFrase[3]){
elemento.innerHTML = dividiFrase[3]+"<strong>"+ dividiFrase[3]+"</strong>";
}}
la seconda condizionale, sovrascrive il testo della prima, ricevo eve, in teoria dovrei avere il seguente risultato
la <strong>giornata</strong> e troppo <strong>breve</strong>