diff --git a/gs-01-starting-project/gs-01-starting-project/app.js b/gs-01-starting-project/gs-01-starting-project/app.js new file mode 100644 index 0000000..e69de29 diff --git a/gs-01-starting-project/gs-01-starting-project/index.html b/gs-01-starting-project/gs-01-starting-project/index.html new file mode 100644 index 0000000..7995e07 --- /dev/null +++ b/gs-01-starting-project/gs-01-starting-project/index.html @@ -0,0 +1,22 @@ + + + + + + A First App + + + +
+
+ + + +
+ +
+ + + diff --git a/gs-01-starting-project/gs-01-starting-project/styles.css b/gs-01-starting-project/gs-01-starting-project/styles.css new file mode 100644 index 0000000..3b23f7a --- /dev/null +++ b/gs-01-starting-project/gs-01-starting-project/styles.css @@ -0,0 +1,40 @@ +* { + box-sizing: border-box; +} + +html { + font-family: sans-serif; +} + +body { + margin: 0; +} + +#app { + margin: 3rem auto; + max-width: 40rem; + padding: 1rem; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); +} + +label, input { + margin-bottom: 0.5rem; + display: block; + width: 100%; +} + +label { + font-weight: bold; +} + +ul { + list-style: none; + margin: 1rem 0; + padding: 0; +} + +li { + margin: 1rem 0; + padding: 1rem; + border: 1px solid #ccc; +} \ No newline at end of file diff --git a/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/app.js b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/app.js new file mode 100644 index 0000000..46728fb --- /dev/null +++ b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/app.js @@ -0,0 +1,13 @@ +const buttonEl = document.querySelector('button'); +const inputEl = document.querySelector('input'); +const listEl = document.querySelector('ul'); + +function addGoal() { + const enteredValue = inputEl.value; + const listItemEl = document.createElement('li'); + listItemEl.textContent = enteredValue; + listEl.appendChild(listItemEl); + inputEl.value = ''; +} + +buttonEl.addEventListener('click', addGoal); \ No newline at end of file diff --git a/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/index.html b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/index.html new file mode 100644 index 0000000..d9e0693 --- /dev/null +++ b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/index.html @@ -0,0 +1,22 @@ + + + + + + A First App + + + +
+
+ + + +
+ +
+ + + diff --git a/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/styles.css b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/styles.css new file mode 100644 index 0000000..3b23f7a --- /dev/null +++ b/gs-02-first-app-with-just-js/gs-02-first-app-with-just-js/styles.css @@ -0,0 +1,40 @@ +* { + box-sizing: border-box; +} + +html { + font-family: sans-serif; +} + +body { + margin: 0; +} + +#app { + margin: 3rem auto; + max-width: 40rem; + padding: 1rem; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); +} + +label, input { + margin-bottom: 0.5rem; + display: block; + width: 100%; +} + +label { + font-weight: bold; +} + +ul { + list-style: none; + margin: 1rem 0; + padding: 0; +} + +li { + margin: 1rem 0; + padding: 1rem; + border: 1px solid #ccc; +} \ No newline at end of file