Losowanie z tablicy

pytanie zadane 17 marca 2017 w JavaScript przez bugs55 Obywatel (1,090 p.)
edycja 17 marca 2017 przez bugs55

Cześć.
Mam bloga książkowego. Wpadłem na pomysł aby napisać stronę internetową na której będzie można wpisać dowolną ilość tytułów książek, a potem z tych książek zostanie wylosowana jedna. Kod mam prawie gotowy, niestety losowanie nie przebiega pomyślnie.
Pomożecie? :P

Z góry dzięki,
Konrad


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>What's next?</title>
</head>
<body>
	<div id="to"></div>
	<button id="klik">Klik</button>
	<div id="wygrana"></div>
</body>
</html>

<script type="text/javascript">
	
	var ile = parseInt(prompt("Ile książek?"));

	for(var i=1; i<=ile; i++)
	{
		document.getElementById("to").innerHTML += "<input type=text class=ks><br>";
	}

	function rob(){
		var pula = document.querySelectorAll('.ks').value;
		var w = Math.floor((Math.random() * (ile-1)) + 0);

		document.getElementById("wygrana").innerHTML = pula[w];
	}

	var x = document.getElementById("klik").addEventListener("click",rob);
</script>

3 odpowiedzi

odpowiedź 17 marca 2017 przez Fenix Nałogowiec (26,750 p.)

Masz taki błąd że querySelectorAll nie może pobrać value. Ponieważ jest to tablica wartości, musisz odwołać sie pojedynczo do obiektów.

komentarz 17 marca 2017 przez bugs55 Obywatel (1,090 p.)

A gdybym zmienił na getElementsByClassName?

komentarz 17 marca 2017 przez Fenix Nałogowiec (26,750 p.)

"Elements" <- jak myślisz, zwróci pojedyńczy obiekt czy tablice?

odpowiedź 17 marca 2017 przez obl Maniak (51,280 p.)

odpowiedź 17 marca 2017 przez Arkadiusz Fus Obywatel (1,100 p.)

O to Ci chodziło ?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>What's next?</title>
</head>
<body>
    <div id="to"></div>
    <button id="klik">Klik</button>
    <div id="wygrana"></div>
</body>
</html>
 
<script type="text/javascript">
     
    var ile = parseInt(prompt("Ile książek?"), 10);
 
    for(var i=1; i<=ile; i++)
    {
        document.getElementById("to").innerHTML += "<input type=text class=ks><br>";
    }
 
    function rob(){
        var pula = document.querySelectorAll('.ks');
        var w = Math.floor((Math.random() * ile));
 
        document.getElementById("wygrana").innerHTML = pula[w].value;
    }
 
    var x = document.getElementById("klik").addEventListener("click",rob);
</script>

var ile = parseInt(prompt("Ile książek?"), 10);

Zawsze dodawaj do parseInt(numer, 10) tą 10. Dlaczego ? wtedy parser wie że chodzi Ci o liczby w systemie dziesiętnym, a nie innym. Dobry nawyk.

document.querySelectorAll('.ks')

Tutaj najpierw pobierz wszystkie dostępne pola z klasą ks. Tyle starczy.

var w = Math.floor(Math.random() * ile);

Tutaj losujesz do ilu ma być liczba losowana. +0 jest tutaj zbędne.

document.getElementById("wygrana").innerHTML = pula[w].value;

A tutaj znajdź w wyszukanej puli miejsce "w" i przypisz do wygranej jej wartość.

Myślę że już wiesz jak to powinno działać :)

Podobne pytania

0 głosów

2 odpowiedzi 207 wizyt

Losowanie bez powtórzeń . Problem z kodem .

pytanie zadane 16 czerwca 2017 w C i C++ przez somix12 Nowicjusz (190 p.)

0 głosów

2 odpowiedzi 382 wizyt

Losowanie bez powtórzeń c++

pytanie zadane 21 marca 2017 w C i C++ przez seba Dyskutant (8,900 p.)

0 głosów

2 odpowiedzi 463 wizyt

Losowanie bez powtórzeń - liczby pseudolosowe.

pytanie zadane 12 marca 2017 w C i C++ przez GoRo3 Obywatel (1,640 p.)

Losowanie z tablicy

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci