/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

4 votes286 views2 answers
Ionic datepicker done
Html
0 vote265 views10 answers
Transcash
Html
0 vote298 views2 answers
Hyperlink html id
Html
60 votes310 views2 answers
Radio buttons
Html
0 vote282 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
0 vote278 views2 answers
Electron draggable
Html
0 vote310 views1 answer
How to find the immediate parent in xpath
Html
0 vote265 views1 answer
How to add a logo icon in HTML
Html
0 vote280 views1 answer
Center table html without css
Html
0 vote289 views1 answer
Convert html datetime-local to java LocalDateTime
Html