/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 vote171 views1 answer
Html add input on button click
Html
9 votes170 views3 answers
V-bind
Html
0 vote158 views1 answer
How to create seprate flex box for adding items into the box
Html
0 vote151 views2 answers
Inject modal to page through extension
Html
0 vote175 views1 answer
The library'package:firebase_core/firebase_core.dart' is legacy
Html
0 vote177 views1 answer
How to make a scroll horizontally button in html
Html
0 vote161 views2 answers
Zoneofdevelopment
Html
1 vote176 views2 answers
Owl carousel get started
Html
0 vote158 views1 answer
Github page markdown embed html from another file
Html
0 vote189 views1 answer
Html code for star symbol
Html