Examine the following code, which contains six common bugs. In a separate Microsoft Word (or other word processing or text file), identify the line number of at least three (3) bugs as well as a brief description of each bug. 1. 2.
1. <!DOCTYPE html>
2. </html>
3. <head> <link rel="stylesheet" href="MyStyle.css"> </head>
4. <body>
5. <nav>
6. <a href="GroceryHome.html">Home</a> |
7. <a href="Products.html">Products</a> |
8. <a href="AboutUs.html">About Us</a> |
9. <a href="Contact.html">Contact</a>
10. </nav>
11. <header>
12. <h1> My Contact Page</h1>
13. </header>
14. <article>
15. Thank you for your interest in our grocery store. We offer delivery or call-ahead pickup services.
Please provide your contact information, and indicate your family's food preferences.
16. </article> <p>
17. <form action="#" method="post" id="form1">
18. <div class="div1">
19. <label for="fname1" >First Name:</label><br>
20. <input type="text" name="firstname1" id="fname1"><br>
21. <label for="lname1" >Last Name:</label><br>
22. <input type="text" name="lastname1" id="lname1"><br>
23. <label for="phone1" >Phone (i.e. 123-456-7890):</label><br>
24. <input type="text" name="phone1" id="phone1" placeholder="123-456-7890" ><br>
25. <label for="email1" >Email:</label><br>
26. <input type="text" name="email1" id="email1" placeholder="abc@xyz"><br>
27. <label for="contactpreference1" >Prefered contact method?</label><br>
28. <input type="radio" name="contactpreference1" value="phone" checked> Phone
29. <input type="radio" name="contactpreference1" value="email"> Email
30. <br><br>
31. <input type="submit" id="Submit1" value="Submit" onclick=" validateMyPage()" />
32. </div>
33. </form>
34. <form action="#" method="post" id="form2" >
35. <div class="div2">
36. <label for="fname2" >First Name:</label><br>
37. <input type="text" name="firstname2 id="fname2" required><br>
38. <label for="lname2" >Last Name:</label><br>
39. <input type="text" name="lastname2" id="lname2" required><br>
40. <label for="phone2" >Phone (i.e. 123-456-7890):</label><br>
41. <input type="tel" name="phone2" id="phone2" placeholder="123-456-7890" pattern='\d{3}[\-
]\d{3}[\-]\d{4}' required><br>
42. <label for="email2" >Email:</label><br>
43. <input type="email" name="email2" id="email2" placeholder="[email protected]" required><br>
44. <label for="contactpreference2" >Prefered contact method?</label><br>
Week Two Assignment
PRG/280 Version 5
2
Copyright © 2017 by University of Phoenix. All rights reserved.
45. <input type="radio" name="contactpreference2" value="phone" checked> Phone
46. <input type="radio" name="contactpreference2" value="email"> Email
47. <br><br>
48. <input type="submit" id="Submit2" value="Submit" />
49. </div>
50. <br><br>
51. <div class="myColumns ">
52. <select id="mySiteColor" onChange="changeColor(this.value)">
53. <option value="">-- Select a color --</option>
54. <option value="blue">Blue</option>
55. <option value="yellow">Yellow</option>
56. <option value="red">Red</option>
57. </select>
58. </div>
59. </form>
60. <script>
61. function validateMyPage() {
62. var firstname1 = document.getElementById("fname1").value;
63. if (firstname1 != "") {
64. alert("Please enter a first name.");
65. }
66. else {
67. alert(firstname1);
68. }
69. var phone1 = document.getElementById("phone1").value;
70. if (phone1 == "") {
71. alert("Please enter a phone number.");
72. return false;
73. }
74. else
75. {
76. var rePhone = new RegExp(/\d{3}[\-]\d{3}[\-]\d{4}/);
77. var reResult = rePhone.test(phone1);
78. if (reResult == false)
79. {
80. alert("Please provide a valid phone number in the format of: 222-222-2222.");
81. return false;
82. }
83. else
84. {
85. alert(phone1);
86. }
87. }
88. var email1 = document.getElementById("email1")!value;
89. if (email1 == "") {
90. alert("Please enter an email address.");
91. return false;
92. }
93. else
94. {
95. var reEmail = new RegExp(/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/);
96. var reResult == reEmail.test(email1);
97. if (reResult == false)
98. {
99. alert("Please provide a valid email address.");
Week Two Assignment
PRG/280 Version 5
3
Copyright © 2017 by University of Phoenix. All rights reserved.
100. return false;
101. }
102. else
103. {
104. alert(“email1”);
105. }
106. }
107. alert("Form data validated by JavaScript successfully!");
108. }
109. function changeColor(value) {
a. var myColor = document.getElementById("mySiteColor").value;
b. document.body.style.color = value;
110. }
111. </script>
112. </body>
113. </html>
Dear Student ,
As per the requirement submitted above , kindly find the below solution.
Line 2 :
Line 63 :
Line 88:
Line 96 :
Line :
Below code needs to be commented
Week Two Assignment
PRG/280 Version 5
3
Copyright © 2017 by University of Phoenix. All rights reserved.
NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.
Get Answers For Free
Most questions answered within 1 hours.