Как добавить предварительный просмотр или выбрать шрифт динамически в html для размера шрифта и типа шрифта в файле скрипта приложения Google html

Question

Я новичок ie в интерфейсной разработке. Я хочу создать форму селектора шрифта, которая будет принимать вводимый текст, тип шрифта и размер шрифта от пользователя и соответственно изменять вводимый текст. Это нужно для того, чтобы показать пользователю предварительный просмотр выбранного шрифта. Ниже приведено то, что я пробовал,

В приведенном выше коде я могу изменить тип шрифта после кнопки «Отправить», которую я не хочу и не могу изменить размер или тип шрифта (верхний регистр, нижний регистр. .). Где я делаю не так или чего здесь не хватает?

Answer 1

Если я вас правильно понял, шрифт и тип меняются только при отправке формы, и вы хотите, чтобы они обновлялись при изменении выбранного параметра. В этом случае вы можете вместо этого использовать событие change .

Например, в select используйте:

<select id="fontsSelectBox" name="fontsSelectBox" onchange="myfunction()">

Для входов radio, вам нужно будет добавить событие onchange к каждому отдельному входу, поэтому вам лучше использовать прослушиватели событий:

var rad = document.getElementsByName("fontStyle");
for (var i = 0; i < rad.length; i++) {
    rad[i].addEventListener('change', myfunction);
}

Answer 2

Вы должны использовать elementSef.style.fontSize, чтобы изменить размер шрифта, используя js или jquery.