JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<div class="login-popup">
		<div class="login-popup-title">Авторизация</div>
		<div class="login-popup-title-description">Пожалуйста, авторизуйтесь</div>

		<div class="login-popup-field">
			<div class="login-popup-field-title">Логин</div>
			<div class="login-input-wrap">
				<input type="text" class="login-input" onfocus="BX.addClass(this.parentNode, 'login-input-active')" onblur="BX.removeClass(this.parentNode, 'login-input-active')" name="USER_LOGIN" value="kirito" tabindex="1">
				<div class="login-inp-border"></div>
			</div>
		</div>
		<div class="login-popup-field" id="authorize_password">
			<div class="login-popup-field-title">Пароль</div>
			<div class="login-input-wrap">
				<input type="password" class="login-input" onfocus="BX.addClass(this.parentNode, 'login-input-active')" onblur="BX.removeClass(this.parentNode, 'login-input-active')" name="USER_PASSWORD" tabindex="2">
				<div class="login-inp-border"></div>
			</div>
			<input type="submit" value="" class="login-btn-green" name="Login" tabindex="4" onfocus="BX.addClass(this, 'login-btn-green-hover');" onblur="BX.removeClass(this, 'login-btn-green-hover')">
			<div class="login-loading">
				<img class="login-waiter" alt="" src="/bitrix/panel/main/images/login-waiter.gif">
			</div>
		</div>
		<input type="hidden" name="captcha_sid" value="">
		<div class="login-popup-field login-captcha-field">
			<div class="login-popup-field-title">Введите слово на картинке</div>
			<div class="login-input-wrap">
				<span class="login-captcha-wrap" id="captcha_image"></span><input type="text" onfocus="BX.addClass(this.parentNode, 'login-input-active')" onblur="BX.removeClass(this.parentNode, 'login-input-active')" name="captcha_word" class="login-input" tabindex="5" autocomplete="off" disabled="">
				<div class="login-inp-border"></div>
			</div>
		</div>
	<div class="login-popup-checbox-block">
		<input type="checkbox" class="adm-designed-checkbox" id="USER_REMEMBER" name="USER_REMEMBER" value="Y"...

JavaScript

$('input.login-input').focus(){
console.log('lolka');
}