JavaScript development

Question

JavaScript development

Navigation

#1 by (4 votes)

1

You were prompted to create a function that changes the paragraph to bold when the mouse is positioned over it. However, I can not solve it. If someone can help me, below is part of the code.

function changeTipo(){
    document.getElementById('paragra').style.font-weight.bold;
}

<p id = "paragra" onMouseOver = "changeTipo()">Texto Texto Texto Texto Texto Texto TextoTexto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto.</p>

javascript

asked by anonymous 17.04.2018 / 14:59

1 answer

Change placeholder checking radio with jquery Use CASE in a WHERE clause

score 4 · Accepted Answer

Your syntax for setting the property is incorrect, the right one is: fontWeight = 'bold'

I took advantage of it and also added the type, so if it is 'over' you arrow to bold the property if it is not it resets to normal.

function changeTipo(tipo) {
  document.getElementById('paragra').style.fontWeight = tipo == 'over' ? 'bold' : 'normal';
}

<p id="paragra" onMouseOver="changeTipo('over')" onMouseOut="changeTipo('')">Texto Texto Texto Texto Texto Texto TextoTexto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto.</p>