/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

35 votes229 views6 answers
Js jquery
Html
6 votes130 views2 answers
Link open new tab
Html
1 vote195 views2 answers
Send a SMS Text From A Link - the new code
Html
0 vote133 views1 answer
How to change language to django-html on vscode
Html
0 vote132 views2 answers
Html attribute keyboard shortcut
Html
0 vote132 views1 answer
Html tab icon title
Html
0 vote123 views1 answer
Auto click script
Html
0 vote119 views1 answer
Why does the link from my html doesn't work
Html
0 vote123 views1 answer
Tinymce image upload
Html
0 vote133 views1 answer
Superscript the word using html
Html