Как мне повторять функцию, пока не произойдет x? - PullRequest
0 голосов
/ 04 августа 2020

Я ОЧЕНЬ новичок в HTML и программировании, поэтому заранее прошу прощения, если вы сочтете мою непрофессиональную формулировку оскорбительной.

Информация: Я делаю программу автобоя для группы RP. многим моим друзьям стало скучно, потому что драка обычно идет игрок: «бросок 1d20» «6» «промах» враг: «бросок 1d20» «18» «удар» «3d4» «-10 урон»

Программа берет данные игрока, врага и т. д. c, и выполняет кучу бросков, пока один из них не погибнет. Я не уверен, как повторять такие утверждения (в HTML), как мне запрограммировать его на броски, пока у игрока или беса не будет вычтено достаточно здоровья?

1 Ответ

0 голосов
/ 04 августа 2020

Добро пожаловать в чудесный мир программирования. Ваш вопрос - это искра, которая привела большинства из нас туда, где мы находимся сегодня. Вам нужно начать с пары вещей: HTML - это язык разметки. Это означает, что он не предназначен для записи logi c, а скорее для описания данных таким образом, чтобы их можно было использовать.

Когда мы собираем веб-проекты, мы используем комбинацию HTML, JavaScript и CSS. Каждый из них имеет определенную роль c на веб-сайте. Ниже приведен короткий пример броска кубиков, и, надеюсь, его будет достаточно, чтобы помочь вам начать работу.

Доступен миллион ресурсов, но самое сложное - это знать, что вам нужно изучить. MDN Имеет отличный ресурс JavaScript, и это хорошее место для начала. Если вы предпочитаете видео, Youtube завален вводными видео на JavaScript. Удачи!

document.getElementById("d6").addEventListener("click", function() {
  rollDice(6)
})
document.getElementById("d20").addEventListener("click", function() {
  rollDice(20)
})


function rollDice(diceSize) {
  // Math.random() will give us a number between 0 and 1
  // Mutiply it by our dice size to make the number above 1
  // use '%' to perform a modulo operation - aka get the reminder from division. 
  // this forces the number to be between 1 and 6
  var diceRoll = Math.floor(Math.random() * diceSize + 1 % diceSize);
  // Log to our console
  console.log(diceRoll);
  // Show a browser alert
  alert("Your roll: " + diceRoll);
}
<button id="d6">d6</button>
<button id="d20">d20</button>
...