GBCBlockchain · DeveloperForWayne · Sep 29, 2018
diff --git a/lab_tests/lab_test1.html b/lab_tests/lab_test1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <script src="lab_test1.js"></script>
+</head>
+
+<body>
+    <script>
+        //console.log(CompareInt(3,5));
+        //alert(signProduct(3, -7, 2));
+        //alert(sortNum(0, -1, 4));
+        //alert(MaxNum(-5, -2, -6, 0, -1));
+        //oddOrEven();
+        //determineGrade();
+        //multipleDisplay();
+        //happyNumber();
+        //armstrongNumber(372);
+        //patternConstruct();
+        //mutipleSum();
+    </script>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test1.js b/lab_tests/lab_test1.js
@@ -0,0 +1,158 @@
+//1
+function CompareInt(num1, num2) {
+    return num1 > num2 ? num1 : num2;
+}
+
+//2
+function signProduct(num1, num2, num3) {
+    return num1 * num2 * num3;
+}
+
+//3
+function sortNum(num1, num2, num3) {
+    let arrNum = [num1, num2, num3];
+    for (let i = 0; i < arrNum.length; i++) {
+        for (let j = 0; j < arrNum.length - i; j++) {
+            if (arrNum[j] < arrNum[j + 1]) {
+                let temp = arrNum[j];
+                arrNum[j] = arrNum[j + 1];
+                arrNum[j + 1] = temp;
+            }
+        }
+    }
+    return arrNum;
+}
+
+//4
+function MaxNum(num1, num2, num3, num4, num5) {
+    let arrNum = [num1, num2, num3, num4, num5];
+    let temp = num1;
+    for (let i = 0; i < arrNum.length; i++) {
+        if (temp < arrNum[i + 1]) {
+            temp = arrNum[i + 1];
+        }
+    }
+    return temp;
+}
+
+//5
+function oddOrEven() {
+    for (let i = 0; i <= 15; i++) {
+        if (i % 2 === 0) {
+            console.log(i + " is even");
+        } else {
+            console.log(i + " is odd");
+        }
+    }
+}
+
+//6
+function determineGrade() {
+    var arrStu = [["David", 80], ["Vinoth", 77], ["Divya", 88], ["Ishitha", 95], ["Thomas", 68]];
+    console.log("Name	Range");
+    for (let i = 0; i < arrStu.length; i++) {
+        if (arrStu[i][1] > 100) {
+            console.log(arrStu[i][0] + "    A");
+        } else if (arrStu[i][1] > 90) {
+            console.log(arrStu[i][0] + "    B");
+        } else if (arrStu[i][1] > 80) {
+            console.log(arrStu[i][0] + "    C");
+        } else if (arrStu[i][1] > 70) {
+            console.log(arrStu[i][0] + "    D");
+        } else if (arrStu[i][1] > 60) {
+            console.log(arrStu[i][0] + "    F");
+        }
+    }
+}
+
+//7
+function multipleDisplay() {
+    for (let i = 1; i <= 100; i++) {
+        let tmp = "";
+        if (i % 3 === 0) {
+            tmp += "Fizz";
+        }
+        if (i % 5 === 0) {
+            tmp += "Buzz";
+        }
+        if (tmp === "") {
+            tmp = i;
+        }
+        console.log(tmp);
+    }
+}
+
+//8
+function happyNumberCheck(num) {
+
+
+    let m, n;
+    let arrChecked = [];
+
+    while (num != 1 && arrChecked[num] !== true) {
+        arrChecked[num] = true;
+        m = 0;
+        while (num > 0) {
+            n = num % 10;
+            m += Math.pow(n, 2);
+            num = (num - n) / 10;
+        }
+        num = m;
+    }
+    if (num == 1) {
+        return true;
+    } else {
+        return false;
+    }
+}
+function happyNumber() {
+    let num = 1;
+    let count = 0;
+    while (count < 5) {
+        while (!happyNumberCheck(num)) {
+            num++;
+        }
+        console.log(num);
+        count++;
+        num++;
+    }
+}
+
+//9
+function armstrongNumber(num) {
+    let n;
+    let sum = 0;
+    let m = num;
+    while (m > 0) {
+        n = m % 10;
+        sum += Math.pow(n, 3);
+        m = (m - n) / 10;
+    }
+    if (sum == num) {
+        console.log(num + " is armstrong number")
+    } else {
+        console.log(num + " is not armstrong number")
+    }
+}
+
+//10
+function patternConstruct() {
+    for (let i = 0; i < 5; i++) {
+        let out = "";
+        for (let j = 0; j <= i; j++) {
+            out += "*";
+        }
+        console.log(out);
+    }
+}
+
+//11
+function mutipleSum() {
+    let sum = 0;
+    for (let i = 1; i <= 1000; i++) {
+        if ((i % 3 == 0) || (i % 5 == 0)) {
+            sum += i;
+        }
+    }
+    console.log(sum);
+}
diff --git a/lab_tests/lab_test2_1.html b/lab_tests/lab_test2_1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <script type="text/javascript">
+        function js_style() {
+            document.getElementById("text").style = "font: 25px arial; color: red;";
+        }  
+    </script>
+    <meta charset=utf-8 />
+    <title>JS DOM paragraph style</title>
+</head>
+
+<body>
+    <p id='text'>JavaScript Exercises - </p>
+    <div>
+        <button id="jsstyle" onclick="js_style()">Style</button>
+    </div>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_10.html b/lab_tests/lab_test2_10.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Calculate the volume of a sphere</title>
+    <script type="text/javascript">
+        function caculateVolume() {
+            let volume;
+            let radius = document.getElementById('radius').value;
+            radius = Math.abs(radius);
+            volume = (4 / 3) * Math.PI * Math.pow(radius, 3);
+            document.getElementById('volume').value = volume;
+        } 
+    </script>
+</head>
+
+<body>
+    <form action="" method="post" id="MyForm">
+        Radius:<input type="text" name="radius" id="radius"><br>
+        Volume:<input type="text" name="volume" id="volume" disabled><br>
+        <input type="button" value="Calculate" id="submit" onclick="caculateVolume()"> </form>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_11.html b/lab_tests/lab_test2_11.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>display a random image</title>
+    <script type="text/javascript">
+        function DisplayImg() {
+            var random_images_array = ["http://farm4.staticflickr.com/3691/11268502654_f28f05966c_m.jpg",
+                "http://farm1.staticflickr.com/33/45336904_1aef569b30_n.jpg",
+                "http://farm6.staticflickr.com/5211/5384592886_80a512e2c9.jpg"];
+            let num = Math.floor(Math.random() * random_images_array.length);
+            document.getElementById('img').src = random_images_array[num];
+        } 
+    </script>
+</head>
+
+<body>
+    <form action="" method="post" id="MyForm">
+        <input type="button" value="display a random image" id="submit" onclick="DisplayImg()"><br>
+        <img id="img">
+    </form>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_12.html b/lab_tests/lab_test2_12.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>highlight the bold words</title>
+    <script type="text/javascript">
+        function highlight() {
+            let bItems = document.getElementsByTagName('b');
+            for (let i = 0; i < bItems.length; i++) {
+                bItems[i].style.color = "blue";
+            }
+        }
+
+        function recover() {
+            let bItems = document.getElementsByTagName('b');
+            for (let i = 0; i < bItems.length; i++) {
+                bItems[i].style.color = "black";
+            }
+        }
+    </script>
+</head>
+
+<body>
+    <p>[<a href="#" onMouseOver="highlight()" onMouseOut="recover()">On mouse over here bold words of the
+            following paragraph will be highlighted</a>]</p>
+    <p><b>We</b> have just started <b>this</b> section for the <b>users</b> (beginner to
+        intermediate) who want to work with various <b>JavaScript</b> problems
+        and write scripts online to test their <b>JavaScript</b> skill.</p>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_2.html b/lab_tests/lab_test2_2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset=utf-8 />
+    <title>Return first and last name from a form - </title>
+    <script type="text/javascript">
+        function getFormvalue() {
+            var fname = document.getElementsByName("fname")[0].value;
+            var lname = document.getElementsByName("lname")[0].value;
+            debugger
+            alert(fname);
+            alert(lname);
+        }  
+    </script>
+</head>
+
+<body>
+    <form id="form1" onsubmit="getFormvalue()">
+        First name: <input type="text" name="fname" value="David"><br>
+        Last name: <input type="text" name="lname" value="Beckham"><br>
+        <input type="submit" value="Submit">
+    </form>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_3.html b/lab_tests/lab_test2_3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <script type="text/javascript">
+        function js_style() {
+            document.getElementById("text").style = "background-color: coral;";
+        }  
+    </script>
+    <meta charset=utf-8 />
+    <title>JS DOM paragraph style</title>
+</head>
+
+<body>
+    <p id='text'>JavaScript Exercises - </p>
+    <div>
+        <button id="jsstyle" onclick="js_style()">Style</button>
+    </div>
+</body>
+
+</html>
diff --git a/lab_tests/lab_test2_4.html b/lab_tests/lab_test2_4.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset=utf-8 />
+    <script type="text/javascript">
+        function getAttributes() {
+            var elem = document.getElementById("w3r");
+            var hf = elem.href;
+            var hflang = elem.hreflang;
+            var rel = elem.rel;
+            var type = elem.type;
+            var target = elem.target;
+            console.log(hf);
+            console.log(hflang);
+            console.log(rel);
+            console.log(type);
+            console.log(target);
+        }  
+    </script>
+</head>
+
+<body>
+    <p><a id="w3r" type="text/html" hreflang="en-us" rel="nofollow" target="_self" href="https://www..com/"></a></p>
+    <button onclick="getAttributes()">Click here to get attributes value</button>
+</body>
+
+</html>