VaiShankar Ответов: 0

Перестановка - прием входных значений с помощью texbox на HTML и js?

Привет, это программа перестановок в javascript. Я изо всех сил пытаюсь найти способ использовать текстовое поле ввода для приема значений и их отображения. Я не знаю, где использовать "document.getElementById("inputText").value.split (",")."
Например: текстовое поле: abc.
Выход: abc,acb,bac,bca,cab,cba.
Заранее спасибо.
var permArr = [], usedChars = [];
function permute(input) {
   // input = document.getElementById("inputText1").value.split(",");
    
    var i, ch;
    for (i = 0; i < input.length; i++) {
        ch = input.splice(i, 1)[0]; 
        usedChars.push(ch);
        if (input.length == 0) {
            permArr.push(usedChars.slice());
        }
        permute(input);
        input.splice(i, 0, ch);
        usedChars.pop();
    }
    return permArr;
}
//};
//document.write(JSON.stringify(permute([5, 3, 7, 1])));

function parseAndpermute() {
    var vals = document.getElementById("inputText1").value.split(",");
    document.write(JSON.stringify(permute(vals)));

    //permute(vals);
    document.getElementById("output").innerHTML = permArr;
    
}


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input id="inputText1" type="text" />
    <br /><br />



    <input id="PermutationBtn" type="button" value="Permutation" onclick="parseAndpermute()" />
    <br /><br />

    <div id="output"></div>

    <script src="js/Permutation_7985.js"></script>


</body>
</html>


Что я уже пробовал:

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

В html-файле я ввел :

<input id="inputText" type="text" />
 <input id="PermutationBtn" type="button" value="Permutation" onclick="parseAndpermute()" />

Mohibur Rashid

вы объявили поле ввода с идентификатором inputText?

VaiShankar

Да. я использовал входной идентификатор как для текстового поля, так и для кнопки(с помощью onclick permute()) в html-файле.

Mohibur Rashid

Вы вызываете функцию перестановки без параметров. Почему вы хотите разделить запятую? Если вы ожидаете, что пользователь введет значение, разделенное запятыми, то вам нужно гарантировать, что значение, разделенное запятыми, существует. В любом случае, в вашем методе onclick in button вам нужно добавить вышеупомянутую команду

VaiShankar

Спасибо за ответ. Да, я хочу разделить их запятыми. Но в onClick, какой код я должен написать? Где я должен написать код для приема ввода из текстового поля? Я новичок в javascript. Я изо всех сил стараюсь понять. Извините, если мой вопрос прозвучал слишком глупо.

Mohibur Rashid

Создайте другую функцию, назовите ее parseAndPermute,
внутри функции напишите свою команду 

var vals = document.getElementById("inputText").value.split(",");
permute(vals);

и на кнопке, менять, переставлять() в parseAndPermute()

VaiShankar

Извините. Я просто сделал то, что ты сказал. Выходные данные не печатаются. Он говорит, что не удалось загрузить ресурсы, favicon.ico:1 404 не найден в chrome. Я обновил приведенный выше код для справки.

Mohibur Rashid

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

VaiShankar

Картины. Я получил выход! Но каждая комбинация не разделяется на [ ]. Как и то,что я ввожу a, b. Выход должен быть [a,b],[b,a]. Вместо этого я получаю a, b,b,a. Поэтому я использовал документ.напишите(в формате JSON.преобразовать в строки(перестановки(вальс))). При этом вывод выводится на новую пустую страницу, а не в нижней части текстового поля и кнопки. Я обновил код в вопросе. Пожалуйста, проверьте 2-ю функцию.

F-ES Sitecore

Кто сказал, что вам нужно использовать эту строку кода? Откуда взялась эта строка кода? Почему бы вам просто не спросить того, кто сказал вам использовать этот код, куда он должен идти?

0 Ответов