Пользовательский ввод для вывода для функции JS

Question

Я пытаюсь взять пользовательский ввод из HTML-файла, преобразовать его и вывести его обратно на страницу, используя <input>, а не приглашать.

Вот что у меня есть.

function bhedTester() { 
    alpha = "ABC"; 
    bhed = "JYI"; 

    btext = ""; 
    i = 0; 

    while (i < norm.length) { 
     ind = alphabet.indexOf(norm.charAt(i)); 
     btext = btext + bhed.charAt(ind); 
     i++; 
    } 
    btext 
} 

Я проверил это с помощью командной строки, и он работает, но когда я иду использовать

document.getElementById 

ИЛИ

document.form_name._input_name.value 

, а затем вернуться, что ни один не похоже на работу.

Может ли кто-нибудь посоветовать?

Answer 1

Для записи в DIV вам придется сделать:

document.getElementById("yourDiv").innerHTML= bhedTester(); 

И после того, что вам нужно будет возвращать строку из функции, которую вы написали.

Прямо сейчас он ничего не возвращает.

Так что ваш код должен выглядеть следующим образом:

function bhedTester() { 
    alpha = "ABC"; 
    bhed = "JYI"; 

    btext = ""; 
    i = 0; 

    while (i < norm.length) { 
     ind = alphabet.indexOf(norm.charAt(i)); 
     btext = btext + bhed.charAt(ind); 
     i++; 
    } 
    return btext; 
} 

Поскольку я не знаю вашего norm и alphabet не может дать вам точное решение.

Answer 2

Если вы вызываете эту функцию из события DOM, вам нужно вернуть btext.

function bhedTester() { 
    var alpha = "ABC"; 
    var bhed = "JYI"; 

    var btext = ""; 
    var i = 0; 

    while (i < norm.length) { 
    var ind = alphabet.indexOf(norm.charAt(i)); 
    btext = btext + bhed.charAt(ind); 
    i++; 
    } 
    return btext 
} 

Answer 3

Вам необходимо прослушать, когда либо текст изменяется на входе, либо при нажатии кнопки. Ваш код запускается только при загрузке страницы. Он не волшебным образом запускается при вводе текста. Вам нужно изменить его для запуска, когда пользователь меняет текст. Поэтому вам нужно использовать addEventListener для привязки события.

//bind the change event 
 
document.getElementById("foo").addEventListener("change", function(){ 
 
    var textbox = this, //reference the textbox 
 
     value = this.value; //get what the user typed 
 
    document.getElementById("bar").innerHTML = value; //set the value 
 
});

<input type="text" id="foo" /> 
 
<div id="bar" />

Теперь, если вы хотите, чтобы запустить его, когда пользователь печатает, чем использовать событие KeyUp.