scrimba
Create an RPG game - Rob Sutcliffe
Add Up Dice Rolls
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Add Up Dice Rolls
by
AboutCommentsNotes
Add Up Dice Rolls
by
Expand for more info
index.js
run
preview
console
import characters from "./data";
const { hero, monster } = characters;

const getDiceRollArray = (diceCount) =>
new Array(diceCount).fill(1).map(() =>
Math.floor(Math.random() * 6) + 1
);

const getDice = (diceRollArray) =>
diceRollArray.map(
(num) => `<div class="dice">${num}</div>`
).join("");

// write a function that will accept an array
// and return a single number that is a sum of all the
// numbers in the array
const sumArray = arr => 0

function renderCharacter(character) {

const { elementId, name, emoji, health, diceCount } = character;
const diceRollArray = getDiceRollArray(diceCount);
const diceString = getDice(diceRollArray);

const sum = sumArray(diceRollArray);
console.log(sum);

document.getElementById(elementId).innerHTML = `
<div class="character">
<div class="name">${name}</div>
<div class="emoji">️${emoji}</div>
<div class="health">health: <b>${health}</b></div>
<div class="dice-container">
${diceString}
</div>
</div>`;
}


document.getElementById("attack-button").onclick = function() {
renderCharacter(hero);
renderCharacter(monster);
}

renderCharacter(hero);
renderCharacter(monster);
Console
0
,
0
,
/index.html
-1:50