/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 vote341 views1 answer
Acept img html
Html
0 vote303 views2 answers
Button inside textarea
Html
269 votes535 views2 answers
Font awesome icons
Html
0 vote346 views1 answer
A column inside another column bootstrap html
Html
-1 vote325 views1 answer
<div className={classes.control}> <label htmlFor='email'>Email</label> <input type='email' id='email' /> </div>
Html
0 vote304 views3 answers
Navbar in rows in bootstrap
Html
0 vote353 views1 answer
Cambiar src jquery
Html
1 vote312 views1 answer
Tumbnail html
Html
0 vote293 views1 answer
Balise select
Html
0 vote320 views3 answers
Assignment 1
Html