/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

14 votes227 views2 answers
Accordion
Html
0 vote222 views1 answer
Run script after html load
Html
0 vote220 views1 answer
Javascript how to set a textbox value to nothing
Html
25 votes328 views6 answers
Responsive navbar bootstrap 4
Html
-1 vote206 views1 answer
Display text html
Html
24 votes207 views6 answers
Js comments
Html
0 vote211 views1 answer
Link to send email with subject
Html
0 vote215 views4 answers
Html,css,javascript top 50 quetions
Html
92 votes242 views6 answers
Bootstrap bg colors
Html
9 votes253 views2 answers
Mobile meta tag
Html