Пытаюсь написать игру «Камень, ножницы бумага», как исправить ошибки в данном коде?

Question

[Андрей]

<center>
<div>
<pre><h1>Гра 
"Камінь, ножиці папір"</h1></pre>
<h3>Відповідь гравця</h3>
<h3 id="player_answer"></h3>
<h3>Відповідь комп'ютера</h3>
<h3 id="computer_answer"></h3>
<h3>Виграв</h3>
<h3 id="winner"></h3>
<button id="stone" onclick="answer()">Камінь</button>
<button id="scissors" onclick="answer()">Ножиці</button>
<button id="paper" onclick="answer()">Папір</button><br><br>
<button onClick="window.location.reload();">Почати нову гру</button>
<!--
Камень побеждает ножницы («камень затупляет или ломает ножницы»)
Ножницы побеждают бумагу («ножницы разрезают бумагу»)
Бумага побеждает камень («бумага заворачивает камень»)
-->
</div>
</center>

let player_answer = document.getElementById('player_answer');//Поле для вывода ответа пользователя
let computer_answer = document.getElementById('computer_answer');//Поле для вывода ответа компьютера
let winner = document.getElementById('winner');//Поле для вывода победителя в игре

let stone = document.getElementById('stone');// Находит елемент Камень
let scissors = document.getElementById('scissors');// Находит елемент Ножницы
let paper = document.getElementById('paper');// Находит елемент Бумага

function answer(){
let computerAnswer = Math.floor(Math.random(stone || scissors || paper));
//Если игрок выбрал камень
if (stone.clicked == true){
  if (computerAnswer === stone){
player_answer.innerHTML = 'Камінь';
computer_answer.innerHTML = 'Камінь';
winner.innerHTML = 'Нічия';
}
  else if (computerAnswer === scissors){
player_answer.innerHTML = 'Камінь';
computer_answer.innerHTML = 'Ножиці';
winner.innerHTML = 'Гравець';
}
  else if (computerAnswer === paper){
player_answer.innerHTML = 'Камінь';
computer_answer.innerHTML = 'Папір';
winner.innerHTML = 'Комп`ютер';
}}
//Если игрок выбрал ножницы
if (scissors.clicked == true){
  if (computerAnswer === stone){
player_answer.innerHTML = 'Ножиці';
computer_answer.innerHTML = 'Камінь';
winner.innerHTML = 'Комп`ютер';
}
  else if (computerAnswer === scissors){
player_answer.innerHTML = 'Ножиці';
computer_answer.innerHTML = 'Ножиці';
winner.innerHTML = 'Нічия';
}
  else if (computerAnswer === paper){
player_answer.innerHTML = 'Ножиці';
computer_answer.innerHTML = 'Папір';
winner.innerHTML = 'Гравець';
}}
//Если игрок выбрал бумагу
if (paper.clicked == true){
  if (computerAnswer === stone){
player_answer.innerHTML = 'Папір';
computer_answer.innerHTML = 'Камінь';
winner.innerHTML = 'Гравець';
}
  else if (computerAnswer === scissors){
player_answer.innerHTML = 'Папір';
computer_answer.innerHTML = 'Ножиці';
winner.innerHTML = 'Комп`ютер';
}
  else if (computerAnswer === paper){
player_answer.innerHTML = 'Папір';
computer_answer.innerHTML = 'Папір';
winner.innerHTML = 'Нічия';
}}}

Comments

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

если видите повторы какого-то текста в кавычках — выносите его в константу.
если видите повторы какого-то кода — выносите его в функцию.

[edward_freedom]

а где сами ошибки?

[0nera]

А какие ошибки? Что не так?

[Андрей]

Кнопки нажимаю, ничего не происходит, ничего не выводит

[0nera]

Andrii_UA, для обработки нажатий в JavaScript используется:

elem.onclick = function() {
    alert('Спасибо');
  };

В данном случае кнопка с id elem будет выводить Спасибо при нажатии

[Василий Васильев]

const CHOISE_TYPE = ['Paper', 'Scissors', 'Stone'];
const WIN = {
    user: 'User',
    computer: 'Computer',
    draw:'Draw'
};
const getWinner(choise1, choise2){
    let winner = null;
    const ch1=CHOISE_TYPE.indexOf(choise1);
    const ch1 = CHOISE_TYPE.indexOf(choise2);
    
    if(ch1 >  ch2 && ch1 !== CHOISE_TYPE.length - 1){ // если знак юзера больше знака бота и знак юзера не камень(потому что бумага бьет камень).  Подход не будет работать, если выборов будет больше трех
        return WIN.user;
    }
    if (ch2 > ch1 && ch2 !== CHOISE_TYPE.length - 1) { // аналогично со знаком бота
        return WIN.computer;
    }
    if (ch1 === ch2) {
        return WIN.draw;
    }
    return ch1 > ch2
        ? WIN.user
        : WIN.computer;
}

for(const choiseButton of userChoiseButtons){ //  userChoiseButtons - обычные кнопки с value = CHOISE_TYPE[I]; getElementsByClassName('userChoise');
  choiseButton.addEventListener('click', ()=>{
    const computerAnswer = Math.floor(Math.random() * CHOISE_TYPE.length);
      const winner = getWinner(choiseButton.value, computerAnswer);
      winnerInput.text = winner;
  })
}

Answer 1

[Сергей delphinpro]