/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 vote84 views1 answer
How to pass a model in a partial view
Html
0 vote92 views1 answer
Vue barcode
Html
0 vote115 views1 answer
Adding bootstrap to macros html in flask
Html
75 votes175 views6 answers
Copyright symbol html
Html
5 votes127 views6 answers
Bootstrap nav tabs example
Html
1 vote115 views1 answer
Height() jquery com php
Html
-1 vote137 views2 answers
Circular progress bar html css
Html
1 vote136 views1 answer
Ol text align
Html
3 votes151 views6 answers
Android status bar color
Html
1 vote138 views1 answer
How to add the phtml using xml magento 2
Html