diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/lec 07/about.html b/lec 07/about.html index 7c78b72..b6f1c14 100644 --- a/lec 07/about.html +++ b/lec 07/about.html @@ -3,8 +3,28 @@ About + +

Cascading Style Sheet

+ +
A
+
B
+
C
+
D
+ +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi nam nemo quo soluta ullam! Aperiam, + consectetur consequuntur debitis deserunt doloremque eius impedit maiores, nam obcaecati odio officia rerum, + unde vero!

+ +

Ab at, consequuntur corporis cumque delectus distinctio dolore doloribus eum ex excepturi impedit, incidunt iste + laborum necessitatibus nihil officiis placeat quia quo rem tempora ut veritatis, voluptatibus. Autem, illum + velit!

+

Aperiam asperiores aspernatur consequuntur dignissimos dolorem doloremque harum itaque labore laudantium magni, + minima nam nostrum nulla odit placeat provident quaerat quasi rem repellendus reprehenderit soluta tenetur totam + voluptates? Facilis, maxime?

+

Accusamus amet asperiores aut cupiditate deserunt dignissimos dolores ea eos et eveniet expedita harum illum + impedit, in ipsa ipsam itaque iusto, nemo provident quae quaerat quam quidem repudiandae suscipit veniam.

\ No newline at end of file diff --git a/lec 07/style.css b/lec 07/style.css new file mode 100644 index 0000000..0b27652 --- /dev/null +++ b/lec 07/style.css @@ -0,0 +1,24 @@ +.box{ + + color: red; + border: 5px solid blueviolet; + display: inline-block; + padding: 20px 50px 5px 25px; + margin: 30px; + + + +} + +.highlight{ + letter-spacing: 5px; + word-spacing: 10px; + /* text-decoration: overline;*/ + font-style: italic; + font-weight: bold; + font-style: 80%; + font-size: 2em; + font-family: 'Indie Flower', cursive; + + +} \ No newline at end of file diff --git a/lec 09/robot/style.css b/lec 09/robot/style.css index a766f7d..0841b47 100644 --- a/lec 09/robot/style.css +++ b/lec 09/robot/style.css @@ -41,6 +41,12 @@ h1 { display: flex; } + + +#pond { + display: flex; + align-items: flex-start; +} .left_arm, .right_arm { width: 40px; height: 125px; diff --git a/lec 15/index.html b/lec 15/index.html index 434e43c..01da2a0 100644 --- a/lec 15/index.html +++ b/lec 15/index.html @@ -1,4 +1,4 @@ - + diff --git a/lec 15/script.js b/lec 15/script.js index 10f5c7f..1b51a77 100644 --- a/lec 15/script.js +++ b/lec 15/script.js @@ -8,4 +8,94 @@ https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes b1.addEventListener("mouseenter",function () { console.log("mouse entered !") })*/ +var button = document.getElementById("enter"); +var input = document.getElementById("user-input"); +var ul = document.getElementsByTagName("ul")[0]; +console.log(button) ; + +function inputlength(){ + if(input.value.length>0) { + return true; + } + else { + return false; + } + +} + function listitem() + { + var li = document.createElement("li"); + li.append(document.createTextNode(input.value)); + ul.append(li); + input.value=''; + } + + function additemafterclick() + { if(inputlength()) { + listitem(); + + + + } + } + + function additemafterpress(e) { + if (inputlength() && e.which === 13) { + listitem(); + } + } + function isdone() + { + + this.classList.toggle("done"); + + } + + +button.addEventListener("click",additemafterclick); +input.addEventListener("keypress",additemafterpress); + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lec 8/8l.html b/lec 8/8l.html new file mode 100644 index 0000000..3370633 --- /dev/null +++ b/lec 8/8l.html @@ -0,0 +1,29 @@ + + + + + About + + + + +

Animal life on planet

+
+ + + + + + + + + + + +
+ + + + + + \ No newline at end of file