JSFiddle - React, Tailwind, and code Playground

by downedcrane

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="https://fonts.googleapis.com/css?family=Raleway|Slabo+27px" rel="stylesheet">
		<link rel="stylesheet" href="../Style/HeaderStyle.css">
		<link rel="stylesheet" href="../Style/laba1.css">
		
		<title>Лабораторная №1</title>

		<div id="canvas"></div>
		
		<form id="form1" action="" method=POST>
			<input type="text" name="textInput" id="textInput">
			<input type="button" name="submitButton" value="Добавить элемент" onclick="AddElement()"><br>
			<input type="button" name="delLine" value="Удалить из очереди" onclick="RemoveFromLine()">
			<input type="button" name="delStack" value="Удалить из стека" onclick="RmoveFromStack()">
		</form>
	</head>
	
	<body>
		<script type="text/javascript" src="../Libraries/raphael-min.js"></script>
		<script type="text/javascript" src="../Libraries/graffle.js"></script>
		<script type="text/javascript" src="../Libraries/graph.js"></script>
		<script type="text/javascript" src="../Libraries/jquery-3.3.1.js"></script>
		
		<script>
			var points = [];
			
			function AddElement(){
				var newPoint = " " + $("#textInput").val();
				$.post("laba1.php", {arr: points, newElem: newPoint, funcName: 'addElem'}, UpdateArray, 'json');
			}
	function RemoveFromLine(){
				$.post("laba1.php", {arr: points, funcName: 'remLine'}, UpdateArray, 'json');
			}
			
			function RmoveFromStack() {
				$.post("laba1.php", {arr: points, funcName: 'remStack'}, UpdateArray, 'json');
			}
			
			function UpdateArray(newArr){
				points = newArr;
				Draw_all();
			}
			
			function Draw_all(){
				var canvas = document.getElementById('canvas');
				canvas.innerHTML = '';//"Опустошаем" canvas
				
				var c = {
					width: canvas.offsetWidth,
					height: canvas.offsetHeight,
					center: {
						x: canvas.offsetWidth / 2,
						y: canvas.offsetHeight / 2
					}
				};
				
				window.height = c.height;
				window.width = c.width;
				
				var...