/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

2 votes319 views1 answer
Etag header
Html
0 vote323 views1 answer
Jqery each from string html
Html
3 votes292 views6 answers
H1 html
Html
0 vote291 views2 answers
Chrome responsive mode not working
Html
33 votes329 views6 answers
Button as href
Html
1 vote329 views1 answer
Html hide a div by default
Html
1 vote295 views1 answer
Don't drag html
Html
0 vote320 views1 answer
Remove padding in code
Html
1 vote301 views1 answer
Best html coding software
Html
0 vote312 views1 answer
Selenium click not working
Html