JSFiddle - React, Tailwind, and code Playground

by smlombardi

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class=".row">
        <div class="col-xs-6">
            <div class="input-group">
                <input class="form-control" placeholder="Enter Password" type="password" id="pwd"> <span class="input-group-btn">
        	<a class="btn btn-default" id="reveal">Show</a>
        </span>

            </div>
        </div>
    </div>
</div>

JavaScript

$(function () {
	    $('#reveal').on('click', function (event) {
	        //	event.preventDefault();
	        if ($('#pwd').attr('type') == 'password') {
	            $('#pwd').attr('type', 'text');
	        } else {
	            $('#pwd').attr('type', 'password');
	        }
	    });
	});