05 Using Sass, ES6 and Modules

alarner · Jul 29, 2016 · 0533040 · 0533040
1 parent 4f54b5f
commit 0533040
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/public/scripts/alert.js b/public/scripts/alert.js
@@ -0,0 +1,5 @@
+function showMessage() {
+	alert('This is a new message');
+}
+
+module.exports = showMessage;
diff --git a/public/scripts/main.js b/public/scripts/main.js
@@ -1 +1,7 @@
-console.log('js working');
+const showMessage = require('./alert');
+console.log('js working');
+
+const h1 = document.querySelector('h1');
+h1.addEventListener('click', () => {
+	showMessage();
+});
diff --git a/public/styles/main.scss b/public/styles/main.scss
@@ -1,3 +1,12 @@
 .blue {
 	background: green;
+}
+
+h1 {
+	color: #333;
+	font-family: 'Open Sans', sans-serif;
+
+	&:hover {
+		color: #999;
+	}
 }