03-70-Magic8Ball/magic8Ball-stack.html
<!doctype html>
<title>Magic 8 Ball - Version 1</title>
<link rel="icon" href="assets/eh-16.png">

<!-- = = = = = = = = =  C S S  = = = = = = = = = -->
<style>
#magic8ball {
    position:relative;
    width:600px;
    height:600px;
    border:2px solid red;
    background-image: url("assets/8ball1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
}

#magicBox {
    position:absolute;
    left:250px;
    top:250px;
    width:100px;
    height:100px;
    background-color:cyan;
}

#textBox {
    text-align:center;
    position:absolute;
    left:240px;
    top:270px;
    width:120px;
    height:60px;
    border:4px solid blue;
}
</style>

<!-- = = = = = = = = =  H T M L  = = = = = = = = = -->

<div id="magic8ball">
    
    <div id="magicBox"></div>
    <div id="textBox"><br>YES<br></div>
    
</div>

<!-- = = = = = = = = =  J A V A S C R I P T  = = = = = = = = = -->
<script>

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* G L O B A L   V A R I A B L E S
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* F U N C T I O N S
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


function getRndInteger(min, max) {
    return Math.floor(Math.random() * (max - min + 1) ) + min;
}

</script>