HTML DOM Input Time value प्रॉपर्टी

HTML DOM Input Time value प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट टाइम के value एट्रिब्यूट का मान होता है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputTimeObject.value

value एट्रिब्यूट को स्ट्रिंग मान पर सेट करना

inputTimeObject.value = 'String'

उदाहरण

आइए Input Time value प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Time value</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form> 
    <fieldset> 
        <legend>Time-value</legend> 
        <label for="TimeSelect">Time: </label> 
        <input type="time" id="TimeSelect" value="00:00"> 
        <input type="button" onclick="checkForGuess()" value="Guess"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    divDisplay.textContent = 'Guess at what time is the event?'; 
    function checkForGuess() { 
        if (inputTime.value === '18:30') 
            divDisplay.textContent = 'Yes you guessed it right. The event starts at '+inputTime.value; 
        else 
            divDisplay.textContent = 'No you guessed it wrong. Have a go again'; 
    } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

गलत टाइम के साथ 'Guess' बटन पर क्लिक करने पर:

HTML DOM Input Time value प्रॉपर्टी

सही टाइम के साथ 'Guess' बटन पर क्लिक करने पर:

HTML DOM Input Time value प्रॉपर्टी