YitongHe yitonghe00

Software Engineer @ Oracle | CS Master at USC

yitonghe00 / Eloquent JavaScript 1603.html

Created May 22, 2022 23:37

https://eloquentjavascript.net/16_game.html#i_tKK8cGG5os

	<link rel="stylesheet" href="css/game.css">
	<style>.monster { background: purple }</style>

	<body>
	<script>
	// Complete the constructor, update, and collide methods
	class Monster {
	constructor(pos, speed) {
	this.pos = pos;
	this.speed = speed;

yitonghe00 / Eloquent JavaScript 1602 Pausing the game.html

Created May 22, 2022 22:45

https://eloquentjavascript.net/16_game.html#i_cNfzuXtVqI

	<link rel="stylesheet" href="css/game.css">

	<body>
	<script>
	// The old runLevel function. Modify this...
	function runLevel(level, Display) {
	let display = new Display(document.body, level);
	let state = State.start(level);
	let ending = 1;

yitonghe00 / Eloquent JavaScript 1601 Game over.html

Created May 22, 2022 21:49

https://eloquentjavascript.net/16_game.html#i_tFsh86eaJC

	<link rel="stylesheet" href="css/game.css">

	<body>
	<script>
	// The old runGame function. Modify it...
	async function runGame(plans, Display, lives) {
	for (let level = 0; level < plans.length && lives > 0;) {
	console.log(`You have ${lives} lives`);
	let status = await runLevel(new Level(plans[level]),
	Display);

yitonghe00 / Eloquent JavaScript 1503 Tabs.html

Created May 17, 2022 06:18

https://eloquentjavascript.net/15_event.html#i_Kk1WKx2anJ

	<tab-panel>
	<div data-tabname="one">Tab one</div>
	<div data-tabname="two">Tab two</div>
	<div data-tabname="three">Tab three</div>
	</tab-panel>
	<script>
	function asTabs(node) {

	const tabList = document.createElement('div');
	const tabs = Array.from(node.children).map((child) => {

yitonghe00 / Eloquent JavaScript 1502 Mouse trail.html

Created May 17, 2022 05:30

https://eloquentjavascript.net/15_event.html#i_NOgRH0Y9st

	<style>
	.trail { /* className for the trail elements */
	position: absolute;
	height: 6px; width: 6px;
	border-radius: 3px;
	background: teal;
	}
	body {
	height: 300px;
	}

yitonghe00 / Eloquent JavaScript 1501 Balloon.html

Created May 17, 2022 04:58

https://eloquentjavascript.net/15_event.html#i_ZPJB9UFdQA

	<p style="font-size: 16px;">🎈</p>

	<script>
	const p = document.querySelector('p');
	const inflate = (event) => {
	event.preventDefault();
	const size = Number(p.style.fontSize.slice(0, -2));
	if (size > 100) {
	p.textContent = '💥';
	window.removeEventListener('keydown', keydownHandler);

yitonghe00 / Eloquent JavaScript 1403 The cat’s hat.html

Created May 12, 2022 04:31

https://eloquentjavascript.net/14_dom.html#i_b/LAqZUqyo

	<style>body { min-height: 200px }</style>
	<img src="img/cat.png" id="cat" style="position: absolute">
	<img src="img/hat.png" id="hat" style="position: absolute">

	<script>
	let cat = document.querySelector("#cat");
	let hat = document.querySelector("#hat");

	let angle = 0;
	let lastTime = null;

yitonghe00 / Eloquent JavaScript 1402 Elements by tag name.html

Last active May 12, 2022 04:26

https://eloquentjavascript.net/14_dom.html#i_VSftnyRTsV

	<h1>Heading with a <span>span</span> element.</h1>
	<p>A paragraph with <span>one</span>, <span>two</span>
	spans.</p>

	<script>
	function byTagName(node, tagName) {
	const arr = [];
	Array.from(node.children).forEach((child) => {
	if (child.nodeName.toLowerCase() === tagName) {
	arr.push(child);

yitonghe00 / Eloquent JavaScript 1401 Build a table.html

Created May 12, 2022 04:06

https://eloquentjavascript.net/14_dom.html#i_g/5UC3zznV

	<h1>Mountains</h1>

	<div id="mountains"></div>

	<script>
	const MOUNTAINS = [
	{name: "Kilimanjaro", height: 5895, place: "Tanzania"},
	{name: "Everest", height: 8848, place: "Nepal"},
	{name: "Mount Fuji", height: 3776, place: "Japan"},
	{name: "Vaalserberg", height: 323, place: "Netherlands"},

yitonghe00 / Eloquent JavaScript 1204 Fixing scope.js

Created May 5, 2022 06:12

	specialForms.set = (args, scope) => {
	if (args.length !== 2 \|\| args[0].type !== "word") {
	throw new Error("Incorrect use of set.");
	}

	const value = evaluate(args[1], scope);


	for(let outerScope = scope; scope; outerScope = Object.getPrototypeOf(outerScope)) {
	if (Object.prototype.hasOwnProperty.call(outerScope, args[0].name)) {