Я нашел код который рандомно выбирает 1 из 3 предметов и хочу сделать чтобы он работал при нажатии на кнопку ,поможете новичку?

Question

[PanCar]

Я нашел в интернете JS код который рандомно выбирает 1 предмет из 3 и выводит свой выбор в консоль ,там есть шансы и тд. Но я хочу сделать чтобы при нажатии на кнопку это срабатывало (раньше оно работало при загрузке страницы),но когда я хотел сделать это через функцию то она просто не работала Вот данный JS код :

let arr = [
    {
    name: "Apple",
    chance: 20
  },
  {
    name: "Banana",
    chance: 40
  },
  {
    name: "Knife",
    chance: 40
  }
];

console.log(fillArray(arr)[rand100()]);

function rand100() {
  return Math.floor(Math.random() * Math.floor(100));
}
function fillArray(data) {
    let arr = [];
  data.forEach(el => {
        for (let i = 0; i < el.chance; i++) arr.push(el.name);
    });
  return arr;
}}

Если можно объясните все подробно, так как я новичок

Comments

[edward_freedom]

добавь это в событие нажатие кнопки
fillArray(arr)[rand100()]

[PanCar]

edward_freedom, типа onclick="fillArray(arr)[rand100()] "?

[edward_freedom]

PanCar, какую ты книгу читал, я щас проверю был ли там ответ на твой вопрос

[PanCar]

edward_freedom, Я читал не книгу, а нашол код этот в инете

[edward_freedom]

PanCar, а как ты собираешься работать с языком, если ты не знаешь его?

[PanCar]

Я пытался сделать что-то типа этого

$('button').addEventListener('click', fucntion(){let arr = [
    {
    name: "Apple",
    chance: 20
  },
  {
    name: "Banana",
    chance: 40
  },
  {
    name: "Knife",
    chance: 40
  }
];

console.log(fillArray(arr)[rand100()]);

function rand100() {
  return Math.floor(Math.random() * Math.floor(100));
}
function fillArray(data) {
    let arr = [];
  data.forEach(el => {
        for (let i = 0; i < el.chance; i++) arr.push(el.name);
    });
  return arr;
}})

Answer 1

[PanCar]

Я понял, я не правильно писал функцию
Надо было написать вот так

$('#but').click(function() {
    let arr = [
    {
    name: "Apple",
    chance: 20
  },
  {
    name: "Banana",
    chance: 40
  },
  {
    name: "Knife",
    chance: 40
  }
];

console.log(fillArray(arr)[rand100()]);

function rand100() {
  return Math.floor(Math.random() * Math.floor(100));
}
function fillArray(data) {
    let arr = [];
  data.forEach(el => {
        for (let i = 0; i < el.chance; i++) arr.push(el.name);
    });
  return arr;
}
});

Answer 2

[WbICHA]

learn.javascript.ru

Comments

[edward_freedom]

а зачем это в ответах, если не решает вопрос?

[WbICHA]

edward_freedom, человек не знает, по сути, ничего о языке, так что мой ответ и есть ответ. Или мне всё с того курса скопировать?

[edward_freedom]

WbICHA, твой ответ не есть ответом, так как не отвечает на вопрос. Твой ответ подходит для коментария, но не для решения вопроса

[Денис Юрьев]

edward_freedom, вопрос автора - не вопрос, а приступ лени и наглости

[edward_freedom]

Денис Юрьев, как бы там не было, это не ответ и в ветке ответов ему делать нечего

[WbICHA]

edward_freedom, перейдя по моей ссылке, можно найти ответ на вопрос? Можно. Вывод: это ответ.

Или твой аналогичный ответ чем-то действительно отличается от моего? Почему не срабатывает функция при нажатии на кнопку?

[Ex1st]

лови минус

[edward_freedom]

WbICHA, мой пример ведет сразу на ответ, а твой нет

[WbICHA]

edward_freedom, нет, там ответ так же надо сначала найти.

Ex1st, "нет пробития".

Answer 3

[Сергей Соколов]