added js, modified css and html

katsiudy · katsiudy · commit 303213aee36c · 2020-05-02T14:07:35.000+02:00
diff --git a/arkusz.css b/arkusz.css
@@ -0,0 +1,35 @@
+body { 
+    background-color: #FFFACD
+    ;
+}
+
+body button  {
+    display: block;
+    margin: 10px auto;
+    width: 240px;
+    height: 40px;
+   
+}
+
+button {
+    background-color: #EEE8AA;
+    border: 2px solid #696969;
+    font-family: 'Courier New', Courier, monospace ;
+    width: 30px;
+    height: 30px;
+}
+
+div {
+    display: inline-block;
+    border: 2px solid  #696969;
+    padding: 20px;
+    margin: 10px;
+    background-color: #EEE8AA;
+
+}
+
+.circle {
+    border-radius: 50%;
+    background-color: #DEB887;
+    
+}
diff --git a/newIndex.html b/newIndex.html
@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dodawanie elementow</title>
+</head>
+<link rel="stylesheet" href="arkusz.css">
+<body>
+    <button>Kliknij, by utworzyc element</button>
+
+   <script src="newMain.js"></script> 
+</body>
+</html>
diff --git a/newMain.js b/newMain.js
@@ -0,0 +1,17 @@
+const btn = document.querySelector('button')
+let number = 1
+
+const addElement = function(){
+    let div = document.createElement('div');
+    div.textContent = number;
+    document.body.appendChild(div);
+    
+
+    if (number%5==0){
+        div.classList.add('circle')
+
+    }
+    number++;
+}
+
+btn.addEventListener('click', addElement)
