Вывод новых значений к старым в текстовое поле

[ProgYoung]

Dilettante_Pro,
аааа, спасибо большое! Все работает, как надо)

[ProgYoung]

Dilettante_Pro, рони, Malleys,
возник еще вопрос...
Как теперь мне считать эти данные с текстовых полей в библиотеку, например, чтобы получилось так:

var hand = [
      { "rank":"семерка", "suit":"пик" },
      { "rank":"четверка", "suit":"червей" },
      { "rank":"двойка", "suit":"треф" },
      { "rank":"семерка", "suit":"пик" },
      { "rank":"восьмерка", "suit":"бубен" }
   ];

Так, как делаю я, не получается:

var hand = [];
   var all1 = String(document.getElementById("random1").value);
   var all2 = String(document.getElementById("random2").value);
   var all3 = String(document.getElementById("random3").value);
   var all4 = String(document.getElementById("random4").value);
   var all5 = String(document.getElementById("random5").value);
   var als1 = all1.split(" ");
   var als2 = all2.split(" ");
   var als3 = all3.split(" ");
   var als4 = all4.split(" ");
   var als5 = all5.split(" "); 

   hand[0].suit=als1[1];
   hand[0].rank=als1[0];
   hand[1].suit=als2[1];
   hand[1].rank=als2[0];
   hand[2].suit=als3[1];
   hand[2].rank=als3[0];
   hand[3].suit=als4[1];
   hand[3].rank=als4[0];
   hand[4].suit=als5[1];
   hand[4].rank=als5[0];
alert(hand);

[Dilettante_Pro]

ProgYoung,
Проще сразу запоминать при генерации значений

[Malleys]

ProgYoung, может всё-таки использовать циклы и массивы? Вы же не хотите повторении! Например последний ваш код может выводить hand так...

var hand = [];

for(var i = 0; i < 5; i++) {
	var all = String(document.getElementById("random" + (i + 1)).value);
	var als = all.split(" ");
	hand[i].suit = als[1];
	hand[i].rank = als[0];
}

alert(hand);

[ProgYoung]

Malleys,
не работает почему-то
я сделал так:

<p><input type="button" value="Кликни!" onclick="func2()"></p>
<script type="text/javascript">
function func2(){
   var hand = [];
   for(var i = 0; i < 5; i++) {
      var all = String(document.getElementById("random" + (i + 1)).value);
      var als = all.split(" ");
      hand[i].suit = als[1];
      hand[i].rank = als[0];
   }
   document.getElementById('solve').value = hand;
}

[Malleys]

не работает почему-то

Да я просто показал идею, как работать с циклами на основе вашего неработающего кода выше!

        if (confirm("Продолжить?")) break;
        else break;

А какой смысл спрашивать, если оно всё-равно break?

Вот исправил и трансформировал ваш код из поста №9...

<input type="button" value="Кликни!" onclick="func1();">
<p><input type="text" id="random1" readonly></p>
<p><input type="text" id="random2" readonly></p>
<p><input type="text" id="random3" readonly></p>
<p><input type="text" id="random4" readonly></p>
<p><input type="text" id="random5" readonly></p>

<script>
	// это все возможные номиналы
	var ranks = ["двойка", "тройка", "четверка", "пятерка", "шестерка",
		"семерка", "восьмерка", "девятка", "десятка", "валет", "дама", "король", "туз"
	];
	var suits = ["пик", "червей", "треф", "бубен"];

	function func() {
		var RANKS = ranks[Math.floor(Math.random() * ranks.length)];
		var SUITS = suits[Math.floor(Math.random() * suits.length)];
		return RANKS + " " + SUITS;
	}

	function func1() {
		for (var i = 1; i <= 5; i++) {
			document.getElementById("random" + i).value = func();
		}
	}

</script>

То?

Как теперь мне считать эти данные с текстовых полей в библиотеку, например, чтобы получилось так:

Так может сразу писать и в поля и в DOM? Вот объединённый пример...

<input type="button" value="Кликни!" onclick="func1();">
<p><input type="text" id="random1" readonly></p>
<p><input type="text" id="random2" readonly></p>
<p><input type="text" id="random3" readonly></p>
<p><input type="text" id="random4" readonly></p>
<p><input type="text" id="random5" readonly></p>
<p id="solve"></p>

<script>
	// это все возможные номиналы
	var ranks = ["двойка", "тройка", "четверка", "пятерка", "шестерка",
		"семерка", "восьмерка", "девятка", "десятка", "валет", "дама", "король", "туз"
	];
	var suits = ["пик", "червей", "треф", "бубен"];

	function func() {
		return {
			rank: ranks[Math.floor(Math.random() * ranks.length)],
			suit: suits[Math.floor(Math.random() * suits.length)]
		};
	}
	
	var hand = [];

	function func1() {
		for (var i = 0; i < 5; i++) {
			var card = func();
			hand[i] = card;
			document.getElementById("random" + (i + 1)).value = card.rank + " " + card.suit;
		}

		document.getElementById("solve").textContent = hand.map(function(card) { return card.rank + " " + card.suit; }).join(", ");
	}

</script>

[ProgYoung]

Malleys,
Т.к. в задании сказано использовать конструкцию try, catch,finally, то пришлось хоть что-то добавить в finally, но сейчас там return, поэтому удалил.

[ProgYoung]

Сейчас бы разобраться как в библиотеку это все добавить

[Malleys]

Сейчас бы разобраться как в библиотеку это все добавить

Я уже ответил на этот вопрос, посмотрите последнюю часть поста №16.

[ProgYoung]

Malleys,
спасибо большое!