Добро пожаловать в чудесный мир программирования. Ваш вопрос - это искра, которая привела большинства из нас туда, где мы находимся сегодня. Вам нужно начать с пары вещей: 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>