0
0
Fork 0

Implement the Vue version of the app

This commit is contained in:
Oliver-Akins 2023-02-01 20:57:25 -06:00
parent 0001dca6e7
commit 80d85e057e
3 changed files with 123 additions and 43 deletions

55
app.js Normal file
View file

@ -0,0 +1,55 @@
const app = new Vue({
el: `#app`,
data: {
options: [],
chosen: null,
},
computed: {
totalWeight() {
return this.options
.filter(c => {
try { parseInt(c.weight) }
catch (e) { return false };
return true;
})
.reduce(
(p, c) => p + parseInt(c.weight),
0
);
},
},
methods: {
addOption() {
this.options.push({
name: ``,
weight: ``,
chance: ``,
});
},
removeOption(i) {
this.options.splice(i, 1);
this.updateChanceValues();
},
pickAnOption() {
let choice = Math.floor(Math.random() * this.totalWeight);
let min = 0;
for (const opt of this.options) {
let max = min + parseInt(opt.weight);
if (choice < max) {
this.chosen = opt;
return;
};
min = max;
};
},
updateChanceValues() {
for (const opt of this.options) {
if (!opt.weight) {
continue
}
opt.chance = Math.round(opt.weight / this.totalWeight * 100 );
};
},
},
})