hello-javascript/src/index.html at master · codegirls/hello-javascript · GitHub

History

89 lines (73 loc) · 2.46 KB

Raw

<!doctype html>

<head>

<title>Code Girls Materials: Hello, Javascript</title>

</head>

<style>

body { padding: 3rem; max-width: 960px; margin: 0 auto; }

div { background: silver; padding: 1.5rem; }

h1 { margin-bottom: 4.5rem; }

</style>

<body>

<h1>Hello, Javascript!</h1>

<h2>JavaScript understands numbers:</h2>

document.querySelector('.js-numbers').innerText = 3.141592653589793;

</script>

<h2>JavaScript is a calculator:</h2>

document.querySelector('.js-calculator').innerText = 2 / 4;

</script>

<h2>Counting:</h2>

let count = 3;

count = 7;

count = count + 1;

document.querySelector('.js-count').innerText = count;

</script>

<h2>Functions:</h2>

let count2 = 0;

incrementCount = () => {

count2 = count2 + 1;

}

incrementCount();

document.querySelector('.js-function').innerText = count2;

incrementCount();

document.querySelector('.js-function').innerText += ` ${count2}`;

incrementCount();

document.querySelector('.js-function').innerText += ` ${count2}`;

</script>

<h2>Return values:</h2>

let count3 = 0;

incrementCount = () => {

count3 = count3 + 1;

return count3;

}

document.querySelector('.js-return').innerText = incrementCount();

document.querySelector('.js-return').innerText += ` ${incrementCount()}`;

</script>

for (let count4 = 0; count4 < 10; count4 += 1) {

document.querySelector('.js-loop').innerText += ` ${count4}`;

}

</script>

</body>

</html>

hello-javascript/src/index.html at master · codegirls/hello-javascript · GitHub

Expand file tree

Breadcrumbs

index.html

Latest commit

History

Breadcrumbs

index.html

File metadata and controls