Create an app allows a user to guess a random number
• When a user opens the app, they should see a text box and a guess button
• When the app starts you must generate a random number and store it in a
variable
• The user would then enter a whole number into the text box and click guess
• If the number the user entered matches the random number then the screen’s
background color changes to green
• If the number the user entered is within ten digits (+/- 10) of the random number
then the screen’s background color changes to yellow
• If the number the user entered is beyond 10 digits of the random number, then
the screen’s background color changes to red
• Once the user guesses the number correctly (i.e. the screen is green), then the user is
no longer able to guess for 5 seconds
• You decide how to make it so that the user cannot guess during this period
• Once the five seconds is up, a new random number is generated and the variable
is updated and the screen’s background color is set back to white or whatever
you want the not default color to be (not green, red, or yellow) and the user is
able to guess again
I can do this for you. Please send any additional details in a private message to me.
Edit: here’s a preview of the project:
That is exactly it. Just the preview shows me it’s the idea I was looking for
I have another job, super easy I wanted to make 2 random apps. they are to just show the kids the capabilities.
1st:
After a user enters text into a text box, one of two messages will display:
o “TEXT CONTAINS CAPITAL LETTERS” if the text the user entered contains any capital
letters
o “TEXT DOES NOT CONTAIN CAPITAL LETTERS” if the text the user entered does not
contain any capital letters.
2nd
Build an app that does the following:
• When the app opens, every 5 seconds, a button that has the text “CLICK ME” appears for 1
second before disappearing for another 5 seconds.
• If the user clicks the “CLICK ME” Button, a message saying “DONE” is displayed and the “CLICK
ME” Button no longer appears and the “DONE” remains indefinitely.
I know you are busy and really good so if you don’t want to do these its ok, let me know ALSO it can be one app and 2 screens if that’s easier.
Thank you
Alex
I can help you with this if you don’t mind.
Dou Want something like this?
Video Link: https://res.cloudinary.com/di751ehfz/video/upload/v1711763010/screen-capture_online-video-cutter.com_b5eqqp.mp4
Yes that is exactly what I am looking for
Okay,
We can discuss about your next project to be made in private chat.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Random Number Guessing Game</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Random Number Guessing Game</h1>
<input type="number" id="userGuess" placeholder="Enter your guess">
<button onclick="checkGuess()">Guess</button>
</div>
<script src="script.js"></script>
</body>
</html>
CSS (styles.css):
body {
background-color: #fff; /* Default background color */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
}
.container {
text-align: center;
}
h1 {
margin-bottom: 20px;
}
input[type="number"] {
margin-bottom: 10px;
padding: 5px;
}
button {
padding: 8px 15px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background-color: #0056b3;
}
JavaScript (script.js):
let randomNumber;
let canGuess = true;
function generateRandomNumber() {
return Math.floor(Math.random() * 100) + 1; // Generate a random number between 1 and 100
}
function checkGuess() {
if (!canGuess) return; // Check if user can guess
const userGuess = parseInt(document.getElementById('userGuess').value);
if (isNaN(userGuess)) {
alert('Please enter a valid number.');
return;
}
if (userGuess === randomNumber) {
document.body.style.backgroundColor = 'green';
canGuess = false;
setTimeout(() => {
randomNumber = generateRandomNumber();
document.body.style.backgroundColor = '#fff'; // Set back to default color
canGuess = true;
}, 5000); // 5 seconds delay
} else if (Math.abs(userGuess - randomNumber) <= 10) {
document.body.style.backgroundColor = 'yellow';
} else {
document.body.style.backgroundColor = 'red';
}
}
// Initialize the game
randomNumber = generateRandomNumber();
This code sets up a basic random number guessing game with the specified functionalities.
If you require further communication or have any specific details or questions, please feel free to reach out to me via email at:
Email: jack(at)technogiq(dot)com
Skype: live:.cid.a0f06a69cf1c6478
I look forward to hearing from you.
Regards,
Jack
using thunkable<
Need to upgrade an app, let me know if you can help and cost to help with the upgrade,
This app will allow a user to create a new “note”,
which will be in the form of a textual entry, and have it be saved under unique name
defined by the user. After a “note” is created, its name should appear in a list of all
the “notes” ever created. If the user clicks on a unique name in the list, the note
corresponding to the name should appear.
- You should be storing all your notes and names using the local storage component
so that way they are saved persistently. - You choose how to best save your notes within the local storage component.
I.e. list, object, etc… - You will need to read in any saved notes every time the app starts
- You will need to decide how to store and organize your notes while the app is
running (data type) - Have two screens, one for adding notes and one for selecting and displaying notes
- Use the simple list component to display your notes and allow the user to click on
one.
here is the link, Thunkable
Hello
Please DM via email at jack(at)technogiq(dot)com
Looking forward to your response.
Regards,
Jack
Hello @atr35h4h56
Waiting for your response.
I have some one that accepted a offer