HTML BDI TAG EXAMPLE
Run 
<!DOCTYPE html> 
<html> 
	<head> 
		<title>HTML bdi tag example </title> 
		<style>
		    input {
		        padding:5px;
		        width:250px;
		    }
		    button {
		        background-color:#6a67ce;
		        padding:5px;
		        color:white;
		        cursor:pointer;
		    }
		</style>
	</head> 
	<body> 
	    <p>
	        <bdi>Studytonight.com</bdi>
	    </p> 
        <p>
            A website with simple and easy to understand programming tutorials.
	    </p> 
	    <p>Your feedback: <bdi id="feedback"></bdi></p>
	    <hr/>
	    <fieldset>
	        <div><input id="feedback-text" type="text" placeholder="Enter feedback in hebrew, arabic or urdu..."/></div>
	        <br/>
	        <div><button onclick="collectFeedback()">Submit Feedback</button></div>
	    </fieldset>
	    
	    <script>
	        // ignore the JS code if you don't know JS
	        function collectFeedback() {
	            let feedback = document.getElementById("feedback-text").value;
	            document.getElementById("feedback").innerHTML = feedback;
	        }
	    </script>
	</body> 
</html>