Bootstrap в группу ввода добавить иконку
Привет) помогите пж!!
Хочу в строку ввода добавить иконку глазика-кнопочки чтобы тип ввода менялся на текст с пароля, и наоборот. Открыла доки бутстрапа, скопипастила, и ничего не работает((( Подскажите, как можно все поправить?
P.s. bootstrap.min.css подключен
<label for="password" class="sr-only">Password</label>
<div class="input-group">
<input type="password" name="password" class="form-control" placeholder="Password" aria-describedby="basic-addon2" id="password">
<button type="button" class="btn btn-default btn-lg" onclick="watch()">
<span id="eye" class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</button>
</div>
//another code
<script>
function watch () {
let elem = document.getElementById('password');
if (elem.type === 'password') {
elem.type = 'text';
} else {
elem.type = 'password';
}
}
</script>
Получается вот что: (кривовато)
