JSFiddle - React, Tailwind, and code Playground

by Kim Thuy

HTML

<div class="alert alert-success well">
        <h3>Hiển thị ngẫu nhiên</h3>
        <strong id="whichLi"></strong>
        <ul id="randomize">
          <li> <span class="whichLi"></span>Sài Gòn </li>
          <li> <span class="whichLi"></span>Hải Phòng </li>
          <li> <span class="whichLi"></span>Đà Nẵng </li>
          <li> <span class="whichLi"></span>Cần Thơ </li>
          <li> <span class="whichLi"></span>Hà Nội </li>
          <li> <span class="whichLi"></span>Vũng Tàu </li>
          <li> <span class="whichLi"></span>Nha Trang </li>
          <li> <span class="whichLi"></span>Hội An </li>
        </ul>
      </div>

JavaScript

$(function(){
		$('#randomize li').each(function(){
			$(this).hide();
		});
		var min = 0;
		var max = $('#randomize li').length;
		var randomLi = Math.floor(Math.random() * (max - min)) + min;
		$('#randomize li').eq(randomLi).show();
	});