Page 169 - CITS - CSA - TP (Volume 1) - Hindi
P. 169
कंप्यूटर सॉफ्टवेयर एप्लीकेशन- CITS
अ ास 42 : फॉम के साथ जावा का उपयोग करना (Using Java Script with Forms)
उ े
इस अ ास के अंत म आप यह कर सक गे
• जावा के साथ HTML फ़ॉम का उपयोग कर
• जावा का उपयोग करके HTML फ़ॉम को मा कर
• डायनेिमक फ़ॉम एिलम ट बनाएँ ।
आव कताएं (Requirements)
औजार/साम ी (Tools/Materials)
• लेटे कॉ फ़गरेशन वाला डे टॉप / लैपटॉप
• टे एिडटर
• वेब ाउज़र
ि या (Procedure)
टा 1: सरल फॉम सबिमशन
1 टे एिडटर ओपन कर
2 िन िल खत कोड िलख
<html>
<head></head>
<body>
<form id=”myForm”>
<label for=”username”>Username:</label>
<input type=”text” id=”username” name=”username”>
<button type=”submit”>Submit</button>
</form>
<script>
const form = document.getElementById(“myForm”);
form.addEventListener(“submit”, handleSubmit);
function handleSubmit(event) {
event.preventDefault();
const username = document.getElementById(“username”).value;
console.log(“Submitted username:”, username);
}
</script>
</body>
</html>
3 ो ाम को .html फ़ाइल के प म सेव कर
4 वेब ाउज़र से html फ़ाइल ओपन कर
5 टे बॉ म टे एं टर कर और सबिमट बटन ेस कर ।
6 ाउज़र कं सोल टैब पर जाएँ और आउटपुट को वेरीफाई कर ।
153
