| item# | code line# CSS or JS |
Description | Correction Done |
|---|---|---|---|
| 1 | JS Line 3 | I fixed the plotPoint() { function since it wasn't receiving the correct parameters from the HTML. | I changed the function plotPoint(x0, y0, x, y) { |
| 2 | JS Line 17 | The original code used point.styleleft which is invalid because it's missing a "." before the position. | I changed point.styleleft to point.style.left |
| 3 | JS Line 20 | The original code used point.stylebottom which is invalid because it's missing a "." before the position. | I changed point.stylebottom to point.style.bottom |
| 4 | JS Line 44 | The function was missing a closing curly bracket } at the very end. | I added the missing closing curly bracket |
| 5 | CSS Line 60 | The nav a : hover broke the hover effect because of a space. | I removed the space to make it nav a:hover. |
| 6 | CSS Line 50 | The nav a links were set to display: block, which makes them stack vertically, but the requirements said to make them all inline. | I changed display: block to display: inline-block. |
| 7 | CSS Line 81 | The red .point lacked positioning so it wouldn't move. | Added position: absolute so JS can control its location. |
| 8 | CSS Line 38 | The nav bar was missing the "fixed" position that was required. | I added position: fixed; top: 0; left: 0; |
| 9 | CSS Line 17 | The body lacked padding at the top which hid it behind the fixed nav. | I added padding-top: 160px; to the body. |
| 10 | JS Line 7 | The point had no proper positioning. | I added point.style.position = 'absolute'; |