Как вывести html с input?

#javascript #html

Как сделать чтобы html код, который введен в поле, выводился правильно, то есть текст
стал жирным?



function test() {
    var e = document.getElementById('p_desc');
    var text = e.innnerHtml;
    document.getElementById('test').innerHtml = text;
}

    

Ответы

Ответ 1

Для input вместо innerHTML используется value или contenteditable для остальных типа div



var  e = document.getElementById('p_desc');
 var txt = e.value;
function test()
{
  txt = e.value;
  document.getElementById('test').innerHTML = txt;
}
document.getElementById('submit').addEventListener("click", test);
* {
font-family:sans-serif;

}
#p_desc {
padding:5px;
border:1px solid #ccc;
border-radius:3px 3px 0 0;
margin:0;
outline:0;
transition: box-shadow 0.3s;
min-width:155px;
max-width:155px;
}

#p_desc:focus {
box-shadow:0 0 10px #27A6FF;
}
#submit {
padding:5px;
border-radius:0 0 3px 3px;
background:white;
border:1px solid #ccc;
margin:0;
cursor:pointer;

width:100%;
}
br{
margin:0;
}
#cont {
display:inline-block;
}