diff --git a/index.html b/index.html
index ecc42bb..5aee0a9 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,10 @@
- Programming and Data for Policymakers [DPI-691M]
- Welcome to shopping days!
+ Welcome to My Enhanced Website
+ This Website is being enhanced with new features
+
+
@@ -17,6 +19,7 @@ Welcome to shopping days!
You should take this course whether or not you plan to code for a living.
It will help you:
+ The new generation is technology so taking this course is very benefical!
diff --git a/main.js b/main.js
index 08b97df..27378bc 100644
--- a/main.js
+++ b/main.js
@@ -8,3 +8,8 @@ var logo = document.querySelector('img');
// Assign the function to the onclick event on that element
logo.onclick = sayOuch;
+
+console.log('Website enhancement script loaded!');
+document.getElementById('myButton').addEventListener('click', function() {
+ alert('Button clicked!');
+});
diff --git a/styles.css b/styles.css
index f9b06e2..b8762c1 100644
--- a/styles.css
+++ b/styles.css
@@ -1,12 +1,13 @@
/* Set background */
html {
- background-color: maroon;
+ background-color: beige;
+ font-family: 'Courier New', Courier, monospace;
}
/* styles for the body of the site */
body {
width: 60%;
- background-color: orange;
+ background-color: lightblue;
border: 5px solid black;
padding: 0 20px 20px 20px;
margin-top: 25px;
@@ -37,3 +38,16 @@ img {
height: auto;
}
+
+#myButton {
+ background-color: rgb(14, 92, 160); /* Green */
+ border: none;
+ color: black;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ cursor: pointer;
+}
\ No newline at end of file