HTML underline button

Question

Привет, я работаю над созданием текстового процессора, и вам нужно сделать кнопку, чтобы подчеркнуть текст в текстовой области. Я сделал одну кнопку, которая делает текст курсивом, но не уверен в кнопке подчеркивания. Любая помощь будет оценена

<textarea rows="10" cols="100" id="myP" > 
     Type text here... 
</textarea> 
     <br> 
     <br> 
<button type="button" onclick="myFunction()">Set font Italic</button> 

<script> 
function myFunction() { 
document.getElementById("myP").style.fontStyle = "italic"; 
} 
</script> 

Answer 1

Вот решение:

<button type="button" onclick="myFunction2()">underline</button> 

<script> 
function myFunction2() { 
document.getElementById("myP").style.textDecoration = "underline"; 
} 
</script> 

Answer 2

изменить textDecoration свойство из объекта стиля, который, в свою очередь, изменить стиль text-decoration CSS:

function underline_text(){ 
    document.getElementById("myP").style.textDecoration = "underline"; 
} 

JSFiddle