91 likes
路
1.3K reads
14 comments
Really insightful, thanks for sharing!
Thank you Bolaji Ayodeji
Yayy another amazing article!
Thank you so much 鉂わ笍
Awesome series!
Thank you 馃槉
Very properly explained, thanks. Just what I've been looking forward to understand better.
Great I am glad this was helpful 馃槉
Please could the HTML, CSS file be provided, I'll like to take the challenge. Omotola Shogunle
Jome Favourite Here is the HTML FILE
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/skeleton/2.…" /> <link rel="stylesheet" type="text/css" href="app.css"> <title>Book List</title> </head> <body> <div class="container"> <h1>Student Registry</h1> <form id="student-form"> <div> <label for="title">Name</label> <input type="text" id="name" class="u-full-width" autocomplete="false"> </div> <div> <label for="author">Email</label> <input type="text" id="email" class="u-full-width"> </div> <div> <label for="isbn">Address</label> <input type="text" id="address" class="u-full-width"> </div> <div> <label for="isbn">Course</label> <input type="text" id="course" class="u-full-width"> </div> <div> <input type="submit" value="Submit" class="u-full-width"> </div> </form> <table class="u-full-width"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Address</th> <th>Course</th> </tr> </thead> <tbody id="student-list"></tbody> </table> </div> <script src="app.js"></script> </body> </html>
I didnt have a css file because I used a css library called skeletion which has the link attached to the HTML file
okay thanks, ill try the challenge Omotola Shogunle
Done with the challenge, I'll try not to use OOP concept to achieve the same result and then compare. Jome Favourite
God Bless you! for this very insightful!
Great article, I have referd it at my last article. hope to know your opinion