जब कोई तत्व बदलता है तो विनिमय घटना ट्रिगर होती है। आपको नीचे दिए गए सिंटैक्स का उपयोग करने की आवश्यकता है।
onchange="yourFunctionName(this);"
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p>
<label for="color">Choose Color</label> <input type="color" id="selectedColor"
value="#985d5d" onchange="showValue(this);" />
</p>
<script>
function showValue(c){
console.log(c.value);
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सेव करें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
इनपुट टाइप कलर पर क्लिक करने के बाद, आपको कंसोल में कलर वैल्यू मिलेगी -
