Home Explore Help
Sign In
olga_pushkar
/
javascript
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

8.2

Olga1108 4 years ago
parent
8f1e582ff4
commit
0047aa13e6
4 changed files with 34 additions and 3 deletions
Split View Show Diff Stats
  1. 2 2
      js8.1/index.html
  2. 1 1
      js8.1/index.js
  3. 13 0
      js8.2/index.html
  4. 18 0
      js8.2/index.js

+ 2 - 2
js8.1/index.html
View File 

@@ -3,11 +3,11 @@
 
     <head>
 
         <meta charset='UTF-8' />
 
         <meta name='viewport' content='width=device-width, initial-scale=1.0' />
 
-        <title>lesson 6 JS</title>
 
+        <title>Home Work 8.1 JS</title>
 
         <link rel='stylesheet' href='style.css' /> 
     </head>
 
     <body>
 
-        <h1>lesson 6 JS</h1>
 
+        <h1>Home Work 8.1 JS</h1>
 
         <div id="deadline-message" class="deadline-message">
 
             Time is up!
 
         </div>

+ 1 - 1
js8.1/index.js
View File 

@@ -9,7 +9,7 @@ var timeNode = document.body.appendChild(document.createElement('time-node'));
 
    var t = new Date(); 
     function getCurrentTimeString() {
 
       i++;
 
-      if(i > 10) {
 
+      if(i > 100) {
 
          document.getElementById("deadline-message").className = "visible";
 
          clearInterval(id);
 
          timeNode.remove();

+ 13 - 0
js8.2/index.html
View File 

@@ -0,0 +1,13 @@
 
+!DOCTYPE html>
 
+<html lang='en'>
 
+    <head>
 
+        <meta charset='UTF-8' />
 
+        <meta name='viewport' content='width=device-width, initial-scale=1.0' />
 
+        <title>Home Work 7.3 JS</title>
 
+    </head>
 
+    <body>
 
+        <h1>Home Work 7.3</h1>
 
+        
+        <script src='index.js'></script>    
+    </body>
 
+</html>

+ 18 - 0
js8.2/index.js
View File 

@@ -0,0 +1,18 @@
 
+var typeMessage = ( function ( velocity ) {
 
+    let container = document.getElementById ( "demo" ) ?
 
+        document.getElementById ( "demo" ) :
 
+        document.body.appendChild (
 
+            document.createElement ( "h3" )
 
+        )
 
+    container.style = `color: magenta;`
 
+    var index = 0
 
+    return function ( message ) {
 
+        let timerId = setTimeout(function showMessage() {
 
+            setTimeout(showMessage, velocity* 1000);
 
+            index > message.length ? null : container.innerText = message.substring(0, index);
 
+            index++;
 
+        });
 
+    }
 
+})( 1 )
 
+
 
+typeMessage ( `Welcome to the hell` )