/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 vote219 views2 answers
Twig lower
Html
38 votes224 views6 answers
How to create a button in html
Html
-1 vote230 views1 answer
How to divide a web page in html
Html
3 votes215 views2 answers
Disabled a click
Html
0 vote221 views1 answer
Selenium xpath by id
Html
0 vote219 views1 answer
Keep favicon
Html
0 vote226 views1 answer
Simple form time input
Html
1 vote211 views1 answer
Javascript prevent pinch zoom
Html
3 votes227 views10 answers
Coding
Html
4 votes215 views2 answers
Ionic datepicker done
Html