JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>


<div style="margin:0 auto;max-width:400px;margin-top:50px;font-size:14px;">

	<div style="border:1px solid #ddd;margin-top:10px;">
		<div style="padding:10px;background-color:#eee;font-weight:bold;">로또 최신 데이터</div>
	</div>
	<div style="font-size:14px;border:1px solid #ddd;padding:10px;">
		<div style="padding:5px;">최신 로또 회차 : <span id="lottoTurn" style="color:blue;"></span></div>
		<div style="padding:5px;">최신 로또 추첨일 : <span id="lottoTurnDay" style="color:blue;"></span></div>
		<div style="padding:5px;">최신 당첨 번호 : <span id="winNumbers" style="color:blue;"></span> (보너스번호 <span id="winBunusNumber" style="color:blue;"></span>)</div>
		
		<div style="padding:5px;margin-top:10px;">① 최신 로또 1등 당첨금 : <span id="lottoWinnerGet1" style="color:blue;"></span></div>
		<div style="padding:5px;">② 최신 로또 2등 당첨금 : <span id="lottoWinnerGet2" style="color:blue;"></span></div>
		<div style="padding:5px;">③ 최신 로또 3등 당첨금 : <span id="lottoWinnerGet3" style="color:blue;"></span></div>
		<div style="padding:5px;">④ 최신 로또 4등 당첨금 : <span id="lottoWinnerGet4" style="color:blue;"></span></div>
		<div style="padding:5px;">⑤ 최신 로또 5등 당첨금 : <span id="lottoWinnerGet5" style="color:blue;"></span></div>
	</div>
	
	<div style="border:1px solid #ddd;margin-top:10px;">
		<div style="padding:10px;background-color:#eee;font-weight:bold;">게임 상황판</div>
	</div>
	<div style="font-size:14px;border:1px solid #ddd;padding:10px;">		
		<div style="padding:5px;">자동 게임 시작 시간 : <span id="startTime" style="color:blue;">-</span></div>
		<div style="padding:5px;">자동 게임 1등 당첨 시간 : <span id="endTime" style="color:blue;">-</span></div>
		<div style="padding:5px;">게임 실시간 총 투자 누적 횟수 : <span id="nowLastCnt" style="color:blue;">0</span></div>
		<div style="padding:5px;">게임 실시간 총 누적 투자금 : <span id="nowLastAmount" style="color:blue;">0</span></div>
		
		<div...