Philip S philsav

## ml.html
<html>
    <script src="/basic/canvas.js"></script>
    <script src="/basic/ml.js"></script>

    <div style="border: 1px solid black; width: 100px; height: 100px;">
        <canvas width="200" height="200" id="points" style="position: absolute; width: 100px; height: 100px"></canvas>
        <canvas width="200" height="200" id="line" style="position: absolute; width: 100px; height: 100px"></canvas>
    </div>

    <script>

## util.js
// Youtube tutorial here: https://youtu.be/LDgPTw6tePk

// These functions are designed to be exported, but you could create a class instead. See tutorial video.

// #1 proper case
export const properCase = (string) => {
    return `${string[0].toUpperCase()}${string.slice(1).toLowerCase()}`;
};
	<html>
	<script src="/basic/canvas.js"></script>
	<script src="/basic/ml.js"></script>

	<div style="border: 1px solid black; width: 100px; height: 100px;">
	<canvas width="200" height="200" id="points" style="position: absolute; width: 100px; height: 100px"></canvas>
	<canvas width="200" height="200" id="line" style="position: absolute; width: 100px; height: 100px"></canvas>
	</div>

	<script>
	// Youtube tutorial here: https://youtu.be/LDgPTw6tePk

	// These functions are designed to be exported, but you could create a class instead. See tutorial video.

	// #1 proper case
	export const properCase = (string) => {
	return `${string[0].toUpperCase()}${string.slice(1).toLowerCase()}`;
	};