JavaScript Movie Booking App
Sa artikulong ito, ating pag-aaralan kung paano gumawa ng isang simpleng movie booking application gamit ang JavaScript.
Mga Hakbang:
- Buksan ang iyong paboritong text editor at lumikha ng bagong HTML file.
- I-type ang sumusunod na code:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Movie Booking App</title>
<script src="app.js"></script>
</head>
<body>
<h1>Movie Booking App</h1>
<input type="text" id="movieName" placeholder="Enter movie name">
<button onclick="bookTicket()">Book Ticket</button>
<script src="app.js"></script>
</body>
</html>
Ang code na ito ay magkakaroon ng isang input field kung saan pwede mong ilagay ang pangalan ng iyong gusto na pelikula at isang button para mag-book ng tiket.
App.js:
Gumawa ng bagong file at tawagan itong app.js. I-type ang sumusunod na code:
function bookTicket() {
var movieName = document.getElementById('movieName').value;
alert('Successfully booked ticket for ' + movieName);
}
Sa code na ito, ginagamit natin ang JavaScript para kunin ang value ng input field at ipakita ito sa isang alert message na nagpapatunay na na-book na ang tiket para sa piling pelikula.
At doon mo na natapos ang iyong simpleng JavaScript Movie Booking App. Maaari mo pa itong i-customize at i-enhance depende na sa iyong mga pangangailangan.