/Html/How to toggle hover display text of button on click

How to toggle hover display text of button on click

// Use title attribute to show text on hover
<button type="button" id="eye" title="Show Password" class="btn btn-light" onclick="show()"> <i class="fa fa-eye"></i> </button>

<script>
    function show() {
        var y = document.getElementById("eye");
        if (x.title === "Show Password") {
            y.title = "Hide Password";
        } else {
            y.title = "Show Password";
        }
    }
</script>

Similar codes

0 vote136 views1 answer
Meta tag for social media
Html
0 vote145 views2 answers
P-dialog style
Html
3 votes158 views2 answers
Html email regex
Html
0 vote123 views1 answer
Check if xampp is installed ubuntu
Html
101 votes136 views2 answers
How to make href open in a new tab link html
Html
15 votes130 views5 answers
Audio in html
Html
3 votes127 views1 answer
Reset button html
Html
2 votes135 views1 answer
Div contenteditable onchange angular
Html
0 vote132 views1 answer
Change api date
Html
0 vote142 views1 answer
Html select required message
Html