Нет динамичности кода для вставки, что я опустил?

Question

[Михаил Юматов]

Всем привет, только начал изучать javascript. Решил попробовать сделать конструктор кнопок для сайта. Все работает за исключением кода для вставки, он статичен. Что я опустил?
https://jsfiddle.net/oL8k2dmh/

Answer 1

[Andrey Perov]

$('.result').html('<b>CSS код для вставки:</b><br> btn {<br>background-color:'+$('#background').val()+';<br>'+'color:'+$('#color').val()+';<br>'+'border:'+$('#border-age').val()+'px'+' solid'+' black'+';<br>'+'border-radius:'+$('#border-rad').val()+'px'+';<br>'+'}');

самый простой путь"чтобы работало" вынести это в функцию, и вызывать ее в событиях ( change, mousemove и тд), а по сути ты вызываешь ее только 1 раз при загрузки документа и все