Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में बटन क्लिक पर टेक्स्ट फील्ड को खाली कैसे करें?

उदाहरण

onclick इवेंट और value = '' से टेक्स्ट फील्ड क्लियर करें।

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Document</title> 
</head> 
<body> 
<input type="text" id="txtBox" placeholder="Enter the value...."/> 
<button type="button" id="clear" onclick="clearTheTextField()">ClearInputText</button> 
<script> 
    function clearTheTextField() { 
        console.log("The text box value=" + document.getElementById('txtBox').value); 
        document.getElementById('txtBox').value = ''; 
    } 
</script> 
</body> 
</html>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

बटन क्लिक करने पर टेक्स्ट बॉक्स खाली हो जाएगा।

  1. JavaScript में setInterval() को कुछ समय या क्रियाओं की संख्या के बाद रोकना JavaScript में setInterval() को कुछ समय या क्रियाओं की संख्या के बाद रोकना

    कुछ समय बाद रोकने के लिए कुछ शर्तों का उपयोग करें।नीचे दिया गया कोड आधे मिनट में रुक जाएगा।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>   &

  1. JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें

    टेक्स्ट बॉक्स से मान निकालने के लिए value का उपयोग करें और पैराग्राफ में innerHTML से प्रदर्शित करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>

  1. Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट करें? Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट करें?

    Android WebView में JavaScript के ज़रिए HTML बटन क्लिक डिटेक्ट करना यह उदाहरण दर्शाता है कि Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट किया जाता है। चरण 1 - नया प्रोजेक्ट बनाएं Android Studio में File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें