JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<ul class="wrapper">
  <h2>First click number and then click submit</h2>
  <li class="number" data="http://google.com">google</li>
  <li class="number" data="http://yahoo.com">yahoo</li>
  
  <input type="submit" id="dedi" value="submit"/>
</ul>

CSS

.number{
  cursor:pointer;
  margin:5px 0;
}

.active{
  color: red;
}

JavaScript

$('ul li').click(function(){
    $('li').removeClass("active");
    $(this).addClass("active");
});

$("#dedi").click(function(){
		var number = $("li.number.active").attr("data");
    window.location.href = number;
})