Assignment:Super Lotto
This exercise is JavaScript only. No jQuery, please. Your page
should work as follows:
Ask the user the highest number that they want to generate. (Some
lotteries are 1 ‐ 47, some 1 ‐ 49, etc.)
Ask the user how many numbers they want to generate.
Create a function that returns a random number between 1 and the highest number (see "Additional Info" below).
Create an array of numbers. Run the function the correct number
of times, putting a random number in each place in the array. Print
the array.
Additional Info
1. The code below will return a random number between 1 and 10. Note that our code will be a bit different, since our number is not between 1 and 10.
Math.floor(Math.random() * 10) + 1
More info on this is available here: https://www.w3schools.com/js/js_random.asp
2. One way to make an array into a string (for printing) is to use the join method. The code below will put the elements of an array into a string, separated by the separator. array.join(separator)
More info on this is available here: https://www.w3schools.com/jsref/jsref_join.asp
Please see bellows the screenshots for what this output should look like. You should try to match the way the numbers are displayed.
3. Note that there is some CSS already created to help with the formatting of the generated numbers. See the "boxed" class in lotto‐styles.css. When you are finished, view your page in a browser. It should look like and work like below pictures, (but of course your numbers will be different).
Extra Credit (10 points)
In a real lottery, no two numbers are repeated. Save your file as lotto‐ec.html. Modify the code so that the numbers are not duplicated.
----------------------------------------------------------------------------------------------------------------
Add the necessary code (JavaScript, HTML, and/or CSS) to generate a set of lotto numbers.
// lotto.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Super Lotto</title>
<meta charset="utf-8">
<link
href="https://fonts.googleapis.com/css?family=Libre+Franklin"
rel="stylesheet">
<link href="lotto-styles.css" rel="stylesheet">
/head>
<body>
<div id="container">
<header>
<h1>Lucky Numbers</h1>
</header>
<main>
<p>Good luck!</p>
</main>
</div> <!-- Closing container -->
</body>
</html>
--------------------------------------------------------------------------------------------------
// lotto-styles.css
body {
font-family: 'Libre Franklin', sans-serif;
}
#container {
width: 80%;
background-color: #dee6ca;
min-height: 500px;
margin: 0 auto;
padding: 10px;
text-align: center;
}
.boxed {
padding: 15px;
width: 40%;
border: 2px solid #000000;
background-color: #FFFFFF;
margin: 0 auto;
color: #2f9a00;
font-size: 1.5em;
text-align: center;
}
(Note the duplicated numbers below.) Lucky Numbers Your numbers are: 39 41 41 9 3 Good luck
Homework Answers
<!DOCTYPE html>
<html lang="en">
<head>
<title>Super Lotto</title>
<meta charset="utf-8">
<link
href="https://fonts.googleapis.com/css?family=Libre+Franklin"
rel="stylesheet">
<link href="lotto-styles.css" rel="stylesheet">
</head>
<body>
<div id="container">
<header>
<h1>Lucky Numbers</h1>
</header>
<div class="boxed" id="ans">
Your numbers are:
</div>
<main>
<p>Good luck!</p>
</main>
</div> <!-- Closing container -->
<script type="text/javascript">
//function checks if a is in arr or
not
function find(a, arr)
{
//if found
return false
for (var i = 0;
i < arr.length; i++) {
if(arr[i] == a)
return false;
}
//if not found,
return true
return
true;
}
function getRandomNumber(arg, arr)
{
do{
var a = Math.floor(Math.random() * arg) +
1;
//if generated random number is not in arr
//then we return a
//else loop continues.
if(find(a, arr))
{
return a;
}
}while(true);
}
//reading vlaues
var highestNum =
parseInt(prompt("What's the highest number?"));
var count = parseInt(prompt("How
many numbers do you want?"));
var arr = new Array(count);
//pupulating array.
for (var i = 0; i < arr.length;
i++) {
arr[i] =
getRandomNumber(highestNum, arr);
}
//showing array
document.getElementById('ans').innerHTML += arr.join(" * ");
</script>
</body>
</html>
Add Answer to:
Assignment:Super Lotto This exercise is JavaScript only. No jQuery, please. Your page should work as follows: Ask the user the highest number that they want to generate. (Some lotteries are 1 ‐ 47, so...
Most questions answered within 3 hours.
-
Using MARS simulator, write MIPS programs according to
the following scenarios: Receive a positive integer number...
asked 42 minutes ago -
An object in front of a concave mirror has a real image that is
11.5 cm...
asked 56 minutes ago -
Consider the reaction, C3 H8 + O2 --> CO2 + H2O. How many
moles of O2...
asked 2 hours ago -
You and your opponent both roll a fair die. If you both roll the
same number,...
asked 2 hours ago -
In a study of the accuracy of fast food drive-through orders,
Restaurant A had 257 accurate...
asked 2 hours ago -
Identify and describe in detail the four categories of
institutions that could be included in a...
asked 3 hours ago -
In python
class Customer:
def __init__(self, customer_id, last_name, first_name, phone_number, address):
self._customer_id = int(customer_id)
self._last_name =...
asked 3 hours ago -
What is an example of a limitation in implementing a new
ERP system and how it...
asked 3 hours ago -
In a section of 9.7cm of an artery with a radius of 2.6mm there
is a...
asked 3 hours ago -
the two carboxylic acid groups of aspartic acid have different
acidities with pKa values of 2.1...
asked 3 hours ago -
Would CuCO3 aqueous salt combined with calcium chloride
form a solid precipitate? If so, what would...
asked 3 hours ago -
How do ECM Solutions assist in embedding a culture of continuous
improvement in an organization? (Project...
asked 3 hours ago