Đã Đóng

Rolling dice in single html

Your application should present the user with numbers for the "number of dice" and the "number of sides" for a dice. Each number should be labeled. The number of dice should initially be set to "1" and the number of sides should initially be set to "6". Beside each number should be an up button and a down button. When the up button is clicked, the number should increment by 1, when the down button is clicked, the number should decrement by 1. The number of sides should have a minimum value of 2 (i.e. do not allow the user to lower the number of sides below 2), and the number of dice should have a minimum value of 1 (i.e do not allow the user to lower the number of dice below 1).

The application should also provide a "roll" button. When the roll button is clicked, beneath the numbers and buttons described above should appear the results of a dice roll, using the current number of sides for a dice and the number of sides for a dice to perform the roll. The results should include a representation of each individual dice and the number that was rolled, as well as a sum of all the dice numbers. You can represent each dice as a coloured square with a number inside (i.e. numeral dice), it doesn't have to have dots like most dice. If the roll button is clicked again, a new roll and new results should be presented based on the current number of dice and number of sides. The dice rolls should be random.

Your solution must be built using ReactJS in the expected ways using components, state, props and other concepts. Using jQuery, or using JavaScript in ways not expected when using ReactJS (e.g. DOM manipulation), will not be awarded any marks.

Your solution must incorporate a dice component that is given its number to display via a prop. This component should not have any state. You should have at least one other component in your solution as well.

Use CSS to make the numbers, labels, buttons and dice appear attractive and professional. Submitting Your Lab

Create a file called index.html. Ensure that any CDN or local resources load into it.

Zip all of the files required to make your lab work. If you are using npm, make sure you include your [login to view URL] file. You do not have to include node_modules.

Kĩ năng: React.js, HTML

Xem nhiều hơn: rolling dice flash cs3, database single html page, rolling gallery script html frog, rolling dice png files, rolling money counters html code, flash rolling dice source file, rolling dice flash source, rolling dice program flash cs3, captcha single html page, create rolling dice flash, wordpress themes single coloum single html, single html pages, as3 tutorial rolling dice, convert link single html, flash game rolling dice, free rolling dice flash, rolling dice flash fla, single html page website

Về Bên Thuê:
( 0 nhận xét ) Hamilton, Canada

ID dự án: #29854018

2 freelancer chào giá trung bình$25 cho công việc này

kkjavadev

Hello. Hope you doing well. Clearly read entire project description and I'm sure I will be able to help you. Waiting for your kind reply. Regards, Kamil

$30 CAD trong 7 ngày
(3 Nhận xét)
2.8
wangchulin4

Hi, I CAN START JUST NOW. If my project have some problems, you don't need to pay me. i am a creative and professional full-stack developer having more than 5+ years of professional experience as a senior developer in Thêm

$20 CAD trong 1 ngày
(2 Nhận xét)
2.4