Build a simple html DOM with javascript
$30-250 USD
Paid on delivery
For this assignment you should submit a single zip file that contains the following two files:
[url removed, login to view]
[url removed, login to view]
[url removed, login to view] should be a skeleton HTML page. So it should have the following tags:
doctype
html
head
meta
title
body
script
If you were to open [url removed, login to view] without including the associated JavaScript it should be entirely blank.
You should then use JavaScript to create all of the content of this page and append it to the body of the page. That content should include:
A 4x4 table
The top row should be a header row with header cells
The 4 header cells, from left to right should say "Header 1", "Header 2" ... "Header 4
The non header cells should contain their position. The upper left cell should contain the text "1, 1", the cell to its right "2, 1", the cell below it "1, 2" and so on.
4 directional buttons (up, down, left right)
A button labeled "Mark Cell"
When the page is loaded the upper left, non-header cell of the table should be 'selected'. This is denoted by it having a thicker border than the other cells. If you push the directional buttons other cells should be selected instead. So if you press the right button, cell 1,1 should no longer be selected and 2,1 should be selected instead.
If you are already on the top row and hit 'up' nothing should happen (you should not be able to move into the header cells). Likewise if you are all the way right and hit right or all the way at the bottom and hit down.
Hitting the "Mark Cell" button should permanently change the background of the selected cell to yellow. This should persist even after other cells are selected or marked.
Suggestion: If you are having a lot of trouble getting the page populated the way you want using JavaScript, just manually make the HTML so that you can continue to work on the rest of the assignment involving selecting and marking cells.
Note: When generating content for the page you will not get credit for simply using the innerHTML property of the body element to parse a string of HTML content. The purpose is to use the process of creating and appending element nodes to the document.
Project ID: #8824164
About the project
Awarded to:
Let's start................................................................................................................
7 freelancers are bidding on average $132 for this job
Hi, I'm web developer and have been working on websites from last couple of years. I can do your work with your complete satisfaction. Pay me once you're satisfied. Please contact to discuss in detail Regards
Hi, Thank you for your project in advance. I have read your project description and ready to begin work. Please visit my portfolio and hire me to design your html and if you have any query please let me know. More
Will not use inner html,will use createElement,createElement,createNode. First will manually make everything and then after the functionality is achieved will create everything using JS. So the top left right bo More
------------------------------------------------BEST RESULT ON TIME------------------------------------------------------ Hi, there. I read your description carefully. Your project is very wonderful and fascinatin More