/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 vote177 views1 answer
Remove preceding text or numbers Google Sheets
Html
5 votes105 views1 answer
Favicon for html page
Html
0 vote112 views1 answer
Error pop writing html
Html
0 vote111 views1 answer
How to inject html in wtforms
Html
75 votes113 views6 answers
Html button with href
Html
0 vote108 views1 answer
Display sqlite text with jinja as HTML paragraph
Html
0 vote110 views2 answers
Espaçamento bootstrap
Html
0 vote104 views1 answer
Html5 time input
Html
1 vote96 views3 answers
Email
Html
0 vote131 views4 answers
How to populate a grid with images in html
Html