/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

1 vote293 views1 answer
Carousel bootstrap v3.3.6
Html
0 vote291 views1 answer
How to make body width be device width html
Html
25 votes299 views4 answers
Metadata
Html
85 votes312 views5 answers
Justify content css
Html
0 vote289 views1 answer
Tamanho fonts H1, H2, H3...
Html
0 vote304 views1 answer
A _target
Html
0 vote287 views1 answer
How to add image in title bar
Html
3 votes282 views3 answers
Youtube autoplay video
Html
0 vote279 views1 answer
Ubuntu 19.10 vmware
Html
0 vote318 views2 answers
Html auto change year
Html