Text from HTML input field run through jQuery function?

Таким образом, у меня есть этот блок HTML-кода из мобильного приложения, которое я пытаюсь написать (с Intel XDK), см. код ниже. Обратите внимание, пожалуйста, игнорировать div класс жаргон its из фреймворка я использую.

HTML

В основном, что я пытаюсь сделать, это взять входной текст в текстовом поле, и по щелчку, возьмите входной текст, запустите его через функцию jquery, которая затем печатает входной текст в круг. См. jquery ниже.

Jquery

Функция, которая искривляет текст в круг, является функцией надстройки jquery, называемой надписью.js. У меня есть надписи настроены должным образом, и он работает так, как он должен. Однако текст из текстового поля бесполезен. Я могу ввести текст в текстовое поле и нажать кнопку, но при нажатии на нее запускается скрипт jquery на текст, который у меня есть в тегах h1.

И я полностью понимаю, что в настоящее время у меня это настроено. Я сделал это в основном для того, чтобы продемонстрировать эту надпись.JS работает. Но, я хочу знать, как я могу заменить текст между тегами h1 с текстом из поля ввода по щелчку мыши, а затем выполнить это через функцию надписи. Или еще лучше, как я могу взять текст в поле ввода и запустить функцию надписи с этим значением текстового поля? Таким образом, это устраняет необходимость вставлять входной текст в теги h1, а затем запускать функцию.

Любая помощь была бы великолепна. Я действительно не знаю много jQuery или javascript, поэтому я, вероятно, упускаю что-то смехотворно простое.

1 ответ

  1. $(".displayed h1").text($("#tokenMessage").val());
    

    Это будет, но текст из поля ввода, имеющего id tokenMessageи поставить в h1теге, который находится в div, имеющий класс displayed