Michael Puckett michaelcpuckett

DOM APIs

What is ECMAScript?

"JavaScript" is the colloquial name for ECMAScript.

The ECMA in ECMAScript refers to ECMA, an organization in Europe and the standards body that determines what goes into the ECMAScript language (JavaScript).

ES3 / ECMAScript 3

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>CSS Color Palette Generator</title>
	</head>
	<body>
	<h1>CSS Color Palette Generator</h1>
	<template id="template-for-example-cards">

	<button id="rock">Rock</button>
	<button id="paper">Paper</button>
	<button id="scissors">Scissors</button>
	<output> </output>
	<script>
	const buttonElements = Array.from(window.document.querySelectorAll("button"));
	const outputElement = window.document.querySelector("output");

	function rps(playerChoice) {
	const winConditions = {

	<!DOCTYPE html>
	<figure>
	<figcaption>U.S. Population over Time</figcaption>
	<table>
	<thead>
	<tr>
	<th scope="col">Year</th>
	<th scope="col">Population</th>
	</tr>
	</thead>


	<body>
	<style>
	table,
	input,
	textarea {
	width: 100%;
	}
	</style>
	<form>

	{
	"@context": {
	"@vocab": "http://news.example/vocab/",
	"news": "http://news.example/vocab/"
	},
	"@type": "news:Response",
	"articles": [
	{
	"headline": "Example headline 1",
	"author": "Alice Jones"

	{
	"@context": {
	"schema": "http://schema.org/",
	"sh": "http://www.w3.org/ns/shacl#",
	"as": "https://www.w3.org/TR/activitystreams-core/"
	},
	"@type": "schema:ReadAction",
	"schema:object": {
	"@id": "schema:Article"
	},

	<!--
	<h2>WC Wish List</h2>

	<ul>
	<li><input type=checkbox> dynamic attributes</li>
	<li><input type=checkbox checked> if/else conditionals</li>
	</ul>
	-->

	<template id="tpl-href-link">

	<script>
	class XAdInner extends HTMLElement {
	constructor() {
	super()
	this
	.attachShadow({ mode: 'open' })
	.appendChild(window.document.getElementById('x-ad-inner-template').content.cloneNode(true))
	}
	connectedCallback() {
	window.requestAnimationFrame(() => {

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>X App</title>
	<meta name="viewport" content="width=device-width, height=device-height, viewport-fit=cover, initial-scale=1" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="mobile-web-app-capable" content="yes" />
	<link rel="shortcut icon" href="icons/32x32.png" type="image/x-icon" />