Вот это не работает:
<!DOCTYPE html>
<html>
<head>
<title>RND</title>
<META http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<textarea id="input" cols="35" rows="3">12 31 23 123 </textarea>
<br>
<div id="output">
Вывод:
</div>
<br>
<button type="button" onclick="fnct()">Генерировать</button>
<script type="text/javascript">
function fnct() {
var fruits = document.getElementById("input").value;
for(var i=0; i<fruits.length; i++) {
var tmp = fruits[i];
var j = Math.floor(Math.random() * fruits.length);
fruits[i]=fruits[j];
fruits[j] = tmp;
document.getElementById("output").innerHTML = fruits;}}
</script>
</body>
</html>
А это работает, но тут массив уже заполнен, в первом коде я беру значения из textarea, заполняю массив, но всё равно не рандомит:
<!DOCTYPE html>
<html>
<head>
<title>rnd</title>
<META http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<textarea id="input" cols="35" rows="3"></textarea>
<br>
<div id="output">
Вывод:
</div>
<br>
<button type="button" onclick="fnct ()">Генерировать</button>
<script type="text/javascript">
var fruits = ["1mango", "2persik", "3банан", "4груша", "5grace", "6555","7seven"];
function fnct() {
for(var i=0; i<fruits.length; i++) {
var tmp = fruits[i];
var j = Math.floor(Math.random() * fruits.length);
fruits[i]=fruits[j];
fruits[j] = tmp;}
document.getElementById("output").innerHTML = fruits;}
</script>
</body>
</html>