Game Lottery
just a game lol
by Meily Chhon
HTML
<div id="header">
<h1>Lucky Lottery</h1>
<div class="user-container">
<div class="user-id">
<h3 id="user-name"></h3>
<p id="pre-money"></p>
</div>
</div>
</div>
<div id="game-area">
<div id="bet-container">
<h2 id="user-money"></h2>
<p><label>Enter Your Money: </label>
<input type="text" placeholder="200" id="betMoney" value="0"/></p>
<div id="number-container">
<div id="number-selection-container">
<h3>Select Your Number To Bet, You can choose only 3 numbers from the buttons below:</h3>
<button class="btn-number" name="num1" value="1">1</button>
<button class="btn-number" name="num2" value="2">2</button>
<button class="btn-number" name="num3" value="3">3</button>
<button class="btn-number" name="num4" value="4">4</button>
<button class="btn-number" name="num5" value="5">5</button>
<button class="btn-number" name="num6" value="6">6</button>
<button class="btn-number" name="num7" value="7">7</button>
<button class="btn-number" name="num8" value="8">8</button>
<button class="btn-number" name="num9" value="9">9</button>
<button class="btn-number" name="num10" value="10">10</button>
</div>
<div id="selected-number-container">
<h3>These are numbers you have selected to bet: </h3>
<!--Number You have bet on-->
</div>
</div>
</div>
</div>JavaScript
//namespace style
(function(){
var username = 'Migeul';
var Money = 1000;
var betMoney;
//console.log(betMoney);
var getMoney = {
init: function() {
this.getBetMoney();
},
test:function() {
this.getBetMoney();
},
getBetMoney: function (){
betMoney = document.getElementById('betMoney').value;
document.getElementById('user-name').innerHTML = "Username: " + username;
document.getElementById('pre-money').innerHTML = "You have: " + Money;
var btnNumber = document.querySelector(".btn-number");
btnNumber.forEach().addEventListener('click', function(){
console.log('a');
});
}
};
window.onload = function() {
getMoney.init();
};
})();