Fill in the order form to get the price

Subject

Category

Deadline

Timezone:

Title *

Task *

{"ops":[{"insert":"Time Converter\n\nIn this assignment, let's build a Time Converter by applying the concepts we learned till now.\nRefer to the below image.\n\nhttps:\/\/assets.ccbp.in\/frontend\/content\/dynamic-webapps\/time-converter-output.gif\n\nInstructions:\nThe HTML\u00a0input\u00a0element for entering the number of hours should have the id\u00a0hoursInput"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0input\u00a0element for entering the number of minutes should have the id\u00a0minutesInput"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Add HTML\u00a0label\u00a0elements for HTML input elements with ids\u00a0hoursInput\u00a0and\u00a0minutesInput"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0button\u00a0element should have the id\u00a0convertBtn"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0p\u00a0element to display the converted time in seconds should have the id\u00a0timeInSeconds"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0p\u00a0element to display the error message should have the id\u00a0errorMsg"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nBy following the above instructions, achieve the given functionality.\nWhen values are entered in HTML\u00a0input\u00a0elements with ids\u00a0hoursInput\u00a0and\u00a0minutesInput, the HTML button with id\u00a0convertBtn\u00a0is clicked"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The converted time in seconds should be displayed in the HTML\u00a0p\u00a0element with id\u00a0timeInSeconds"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0p\u00a0element with id\u00a0errorMsg\u00a0should be empty"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"The HTML\u00a0p\u00a0element with id\u00a0errorMsg\u00a0should display an error message in the following cases"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"When the HTML\u00a0input\u00a0element with id\u00a0hoursInput\u00a0is empty and\u00a0convertBtn\u00a0is clicked"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"When the HTML\u00a0input\u00a0element with id\u00a0minutesInput\u00a0is empty and\u00a0convertBtn\u00a0is clicked"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"When both the HTML input elements\u00a0hoursInput\u00a0and\u00a0minutesInput\u00a0are empty and\u00a0convertBtn\u00a0is clicked"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Quick Tip"},{"insert":"\ntimeInSeconds = ((hours) *60 + minutes) * 60"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Note"},{"insert":"\nThe values given for the HTML input elements with ids\u00a0hoursInput\u00a0and\u00a0minutes"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Input\u00a0should be positive integers."},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"Resources"},{"attributes":{"header":4},"insert":"\n"},{"insert":"Use this Background image:\nhttps:\/\/assets.ccbp.in\/frontend\/dynamic-webapps\/time-converter-bg.png"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"CSS Colors used:\nText colors Hex code values used:\n#f5f7fa\n#000000\n#ffffff\n\nCSS Font families used:\nOpen Sans"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\n"}]}

I need basic explanations

Special Requirements

Upload files (if required)

Drop files here to upload

Add files...

Account info

Already have an account?

Name *

E-mail *

Password *

The password must be at least 6 characters.

I agree with terms & conditions