While trying to complete this assignment, I initially attempted to search for JavaScript code that would work. Unfortunately, my first submission resulted in messing up the bootstrap code provided by the professors. They specifically requested us to use JavaScript without altering any of their bootstrap code.
After receiving feedback from my classmates, I made several revisions to my code. In my first attempt, I made significant changes to incorporate a working modal and a Reserve Table button that triggered the modal. However, these modifications led me to deviate from the requirements of the assignment and alter most of the professors' original code.
In my current submission, I have strictly followed the instructions and used the designated code provided by the professors. Despite adhering to their guidelines, I am facing challenges with achieving the desired functionality. Here is a link to my updated code on Codepen: https://codepen.io/mfaison/pen/wvazGNe
<html lang="en">
<!-- Head content goes here -->
</html>
<body>
<header>
<!-- Navbar and page header elements -->
</header>
<main>
<!-- Main content of the page -->
</main>
<footer>
<!-- Footer section of the page -->
</footer>
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
Any constructive feedback is welcome.
Thank you,
Mildred
Despite making adjustments based on feedback, I am still encountering issues with the modal functionality. The modal itself is intact as per the professor's specifications, while the added modal body and Reserve Table button are causing complications. The main challenge lies in ensuring that the Reserve Table button effectively opens and closes the modal as required by the assignment. Additionally, the modal body needs to be contained within the modal structure and should only be displayed upon clicking the Reserve Table button, which is not functioning correctly at the moment.