<script>
window.onload = function () {
const list = {
"大吉" : 10,
"吉" : 15,
"中吉" : 20,
"小吉" : 25,
"末吉" :15,
"凶" : 10,
"大凶" : 5,
};
document.getElementById("button").onclick = function () {
var random = Math.floor(Math.random() * 100);
var rate = 0;
for(var data in list){
rate += list[data];
if(random <= rate){
document.getElementById("result").textContent = data;
return;
}
}
}
}
</script>
<body>
<div class="wrapper">
<p>おみくじ<br>ボタンをクリックしてください。</p>
<div class="wrapper-button">
<button id="button" class="button">おみくじを引く</button>
</div>
<p id="result"></p>
</div>
</body>
