김유현

Modify index.html

<html>
<head>
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
</head>
<body>
<a href="#" class="button">How much are you earning now?</a>
......@@ -33,7 +34,26 @@
</form>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
<script type="text/javascript">
$('.button').on('click', function(e) {
e.preventDefault();
$(this).addClass('active');
});
$('.modal-wrapper').find('label').on('click', function() {
$('.button').removeClass('active');
});
$('.input-text').focus(function() {
$(this).parents('.input-box').addClass('focus');
})
$('.input-text').blur(function() {
if ($(this).val()) {
$(this).parents('.input-box').addClass('focus');
} else {
$(this).parents('.input-box').removeClass('focus');
}
});
</script>
</html>
\ No newline at end of file
......
$('.button').on('click', function(e) {
e.preventDefault();
$(this).addClass('active');
});
$('.modal-wrapper').find('label').on('click', function() {
$('.button').removeClass('active');
});
$('.input-text').focus(function() {
$(this).parents('.input-box').addClass('focus');
})
$('.input-text').blur(function() {
if ($(this).val()) {
$(this).parents('.input-box').addClass('focus');
} else {
$(this).parents('.input-box').removeClass('focus');
}
});
\ No newline at end of file