Dzień dobry. Mam pewną prostą wydawałoby się sprawę.

[HTML] pobierz, plaintext 
const addsArray = ["cebula", "kukurydza", "pomidor", "pieczarki", "oliwki" , "brokuły"];
 
const random = Math.floor(Math.random() * addsArray.length);
 
document.getElementById("wygenerowany_z_tablicy").innerHTML = addsArray[random];
[HTML] pobierz, plaintext 

I teraz jak zrobić (bo cebula kosztuje np. 1 zł, kukurysza 3 zł itd..), żeby po wylosowaniu dodatku również jego wartość ? To nie za bardzo wiem jak to zapisać.

Bo idea jest taka, żeby wylosować z tablicy dodatki i zliczać ich wartości po wylosowaniu

Nigdzie nie widze cen dodatkow

Jasne, zapomniano

[HTML] pobierz, plaintext 
 
const addsArray = ["cebula", "kukurydza", "pomidor", "pieczarki", "oliwki" , "brokuły"];
const cenyArray = [1, 1, 2, 1, 4 ,3];    
 
const random = Math.floor(Math.random() * addsArray.length);
 
document.getElementById("wygenerowany_z_tablicy").innerHTML = addsArray[random];
document.getElementById("wygenerowany_z_tablicy").innerHTML = cenyArray[random];
[HTML] pobierz, plaintext 

Wydaje się opanowany temat.. Ale czy robienie dwóch tablic jest takie spoko ? ale działa

Lepiej trzymac to w tablicy obiektow cos ala:

const addsArray = [{produkt: "cebula", cena: 1}, {produkt: "brokul", cena: 2}];

Witam. dziękuję za podpowiedź, a jeszcze w temacie:

Chciałbym uzyskać efekt takiego losowania i mam kod:

[HTML] pobierz, plaintext 
var i=0;
do {
	var myVar = setInterval(function(){ losuj_dodatek() }, 100);
		function losuj_dodatek() {
			const random = Math.floor(Math.random() * addsArray.length);
			document.getElementById("wygenerowany_dodatek").innerHTML = addsArray[random];
			document.getElementById("cena_dodatku").innerHTML = cenyArray[random];
		}
	i++;
} while (i<5);
[HTML] pobierz, plaintext 

Ale idzie w nieskończoność. Wydaje mi się że coś jest nie tak

Zerknij do dokumentacji funkcji setInterval - sprawdź co robi.

MHM, dzięki za naprowadzenie działanie spełnia oczekiwania

tak wygląda cała funkcja losująca składnik:

[HTML] pobierz, plaintext 
function myFunction(){
var kwota = document.getElementById("valBox").textContent;
document.getElementById("total").innerHTML = kwota;
 
const addsArray = ["cebula", "papryka konserwowa", "kukurydza", "salami", "kabanos", "pomidor", "pieczarki", "bekon", "oliwki","ananas","małże","krewetki","tuńczyk","ser Lazar","brokuły","łosoś wędzony","szpinak","gorgonzola","anchois","szynka","kurczak"];
const cenyArray = [1,1,1,4,2,2,2,3,2,2,3,3,3,3,3,3,3,4,4,2,4];
 
var myVar = setInterval(losuj_dodatek, 50);
var i=0;
function losuj_dodatek() {
const random = Math.floor(Math.random() * addsArray.length);
document.getElementById("wygenerowany_dodatek").innerHTML = addsArray[random];
document.getElementById("cena_dodatku").innerHTML = cenyArray[random];
i++;
document.getElementById("iteracje").innerHTML = i;
if (i>30){
clearInterval(myVar);}
}
}
[HTML] pobierz, plaintext 

Zrobiłem (przekopiowałem ) jeszcze

[HTML] pobierz, plaintext 
<form oninput="showVal()">
	<input type="range" min="15" max="55" step="1" id="inVal" value="15">
	</form>
 
[HTML] pobierz, plaintext 

co za tym idzie:

Ustawiasz na suwaku kwotę, np 20. I zapuszczasz losowanie, jeśli wylosowany składnik (jego cena) jest mniejsza od zadanej to trzeba by dodać kolejny składnik i go wylosować.. I teraz

var li = document.createElement("li"); ?