JSFiddle - React, Tailwind, and code Playground

by merindema

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"/>
		<link rel="stylesheet" href="js_style.css" />
		<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
		<script src="https://kit.fontawesome.com/c0a4c8df11.js" crossorigin="anonymous"></script>
		<script src="lesson13.js"></script>
</head>
<body onload="myChess()";>
	<div id="first_13">
		<div class="container">
			<div class="row">
				<div class="col-3"></div>
				<div class="col-6 text_13">
					<h2>Шахматы</h2>
				</div>
				<div class="col-3"></div>
			</div>
		</div>
	</div>
</body>
</html>

JavaScript

function myChess() {
	for (var i = 1; i <= 8; i++) {
		for (var j = 1; j <= 8; j++) {
			if (j%2 == 0) {
				document.write("1");
			}
			else{
				document.write("0");
			}
			
		}
		document.write("<br>");
	}
}