JSFiddle - React, Tailwind, and code Playground

by mrunali tatkundawar

HTML

<div class="filter"></div>
<div class="filter1"></div>
<div class="filter2"></div>
<button>Click here</button>
   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

CSS

body{font-family:Verdana; color:#444;}
.box{height:200px;width:300px;border:5px solid #fa4b2a;float:left;
  background-color:#44c767;color:#fff;font-family:Verdana; margin:40px;
  box-shadow:5px 5px 5px #444; padding:10px;}
  button{
    position:absolute;
    
  }

JavaScript

$(document).ready(function(){
$('button').click(function(){
var numbers = [1,4,6,7,9,32,13]
$(".filter").text("given array is:"+ numbers);
numbers = $.grep(numbers,function (n,i)
{
return(i>3)
})
$(".filter1").text("Filtered Array (index > 2):" + numbers.join(","));
numbers = $.grep(numbers,function (n)
{
return(n!=3)
})
$(".filter2").text("Greater than:" + numbers.join(","));
})

})