<input type="text" class="test">
<div class="result"></div>
const input = document.querySelector(".test");
const result = document.querySelector(".result");
input.onkeyup = input.oncopy = input.onpaste = input.oncut = event => {
if (event.target.value == "value") { // any some condition
result.innerHTML = event.target.value;
// or some code
}
};
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {}
$(".class").each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if(imagePos<topOfWindow+400){
$(this).addClass('animated');
}
});