Return reversed string given by user input in HTML/javascript

See more:

Javascript

HTML5

So what im trying to do, using two input fields, one from user input and the other for the result, which is a reversed string. I have tried different methods but none of them are seems to be working. When the button is clicked nothing is displayed. Tell me for every mistake that exists in the code!

What I have tried:

<input type="text"id="word">
<br><br>
<input type="button" value="Logarit" id="btn">
<input type="text" id="result">
</body>
<script>

        function string_Reverse(){

            var x=document.getElementById("word").value;

          var y=  x.split("").reverse().join("");
        document.getElementById("result").innerText=y;

        }
        document.getElementById("btn").addEventListener("click", string_Reverse);
</script>
</html>