Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@harshavardhan-b20
harshavardhan-b20 authored Sep 1, 2023
1 parent 3c69be1 commit 65a0e15
Showing 1 changed file with 41 additions and 24 deletions.
65 changes: 41 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,31 +108,48 @@ <h3>Better Technology</h3>
<!-- //banner-text -->
</div>
</div>
<div class="app-p1">
<h4>Book Your Appointment Now</h4>
<div class="app-sub-p1">
<form action="#" method="post">
<input type="text" name="Patient Name" placeholder="Patient Name" required=""/>
<div class="ag-p1">
<li class="dropdown menu__item">
<a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Departments<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Cardiology</a></li>
<li><a href="#">Ophthalmology</a></li>
<li><a href="#">Neurology</a></li>
<li><a href="#">Psychology</a></li>
<li><a href="#">Dermatology</a></li>
</ul>
</li>
</div>
<div class="app-p1">
<h4>Book Your Appointment Now</h4>
<div class="app-sub-p1">
<form action="#" method="post" id="appointment-form">
<input type="text" name="patientName" id="patientName" placeholder="Patient Name" required=""/>
<div class="ag-p1">
<div class="dropdown menu__item">
<a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Departments<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Cardiology</a></li>
<li><a href="#">Ophthalmology</a></li>
<li><a href="#">Neurology</a></li>
<li><a href="#">Psychology</a></li>
<li><a href="#">Dermatology</a></li>
</ul>
</div>
</div>

<input id="datepicker" name="date" type="text" placeholder="Select a Date" required="">
<input type="text" id="timepicker" name="time" class="timepicker form-control" placeholder="Select a Time">
<button type="button" id="submit-button">Make An Appointment</button>
</form>
</div>
</div>

<input id="datepicker" name="date" type="text" value="mm/dd/yyyy" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'mm/dd/yyyy';}" required="">
<input type="text" id="timepicker" name="Time" class="timepicker form-control" value="Hrs:Min">
<input type="submit" value="Make A Appointment">
</form>
</div>
</div>
<script src="datepicker.js"></script>
<script src="timepicker.js"></script>
<script>
document.getElementById('submit-button').addEventListener('click', function () {
const patientName = document.getElementById('patientName').value;
const department = document.querySelector('.dropdown-toggle.menu__link').textContent;
const date = document.getElementById('datepicker').value;
const time = document.getElementById('timepicker').value;

if (patientName && department && date && time) {
alert(`Appointment Details:\nPatient Name: ${patientName}\nDepartment: ${department}\nDate: ${date}\nTime: ${time}\nAppointment Successfully Scheduled!`);
// You can send this data to a server or perform other actions here
} else {
alert('Please fill in all the required fields.');
}
});
</script>
</div>
</div>
<!-- //banner -->
Expand Down Expand Up @@ -478,4 +495,4 @@ <h3>Our Address</h3>

<!-- //js-scripts -->
</body>
</html>
</html>

0 comments on commit 65a0e15

Please sign in to comment.