/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 vote249 views1 answer
Import google maps libraries html
Html
0 vote254 views1 answer
How to change website icon html
Html
1 vote254 views3 answers
Html email button
Html
8 votes259 views4 answers
How to add a title in html
Html
212 votes351 views6 answers
Open link in new tab html
Html
3 votes258 views1 answer
Html indice
Html
0 vote269 views1 answer
Centrr text html
Html
0 vote239 views1 answer
How to create a text that will redirect to anothe page in new tab
Html
1 vote264 views1 answer
Href onclick do nothing
Html
8 votes222 views1 answer
Doctype html charset utf-8
Html