HTML DOM Input Time value প্রপার্টি

HTML DOM Input Time value প্রপার্টি একটি স্ট্রিং ফেরত দেয়, যা ইনপুট টাইম এলিমেন্টের value অ্যাট্রিবিউটের মান যদি সংজ্ঞায়িত থাকে। ব্যবহারকারী এটি নতুন স্ট্রিংয়ে সেটও করতে পারেন।

সিনট্যাক্স (Syntax)

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputTimeObject.value

value অ্যাট্রিবিউটে স্ট্রিং মান সেট করার জন্য (Setting value attribute to a string value)

inputTimeObject.value = 'String'

উদাহরণ (Example)

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>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

ভুল টাইমে 'Guess' বাটনে ক্লিক করলে:

সঠিক টাইমে 'Guess' বাটনে ক্লিক করলে: