Lab05 initial commit

hannabeasiam · hannabeasiam · commit 42d07888996f · 2017-11-18T16:30:09.000-05:00
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,4 @@
+body {
+  margin: 10%;
+
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Lab5</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="css/style.css" rel="stylesheet">
+    <script src="script/lab5.js"></script>
+  </head>
+  <body onload="changeStyle()">
+    <h1>SDLC</h1>
+    <h3>What is Software Development Life Cycle?</h3>
+   
+    <p id="firstP">SDLC is a process followed for a software project, within a software organization. 
+      It consists of a detailed plan describing how to develop, maintain, replace and alter or enhance 
+      specific software. The life cycle defines a methodology for improving the quality of software and the 
+      overall development process.</p>
+    <p id="secondP">Stage 1: Planning and Requirement Analysis<br /><br />Planning for the quality assurance requirements and identification of the risks associated with the project is also done in the planning stage. The outcome of the technical feasibility study is to define the various technical approaches that can be followed to implement the project successfully with minimum risks.</p>
+    <p class="middleP">Stage 2: Defining Requirements<br /><br />Once the requirement analysis is done the next step is to clearly define and document the product requirements and get them approved from the customer or the market analysts. This is done through an SRS (Software Requirement Specification) document which consists of all the product requirements to be designed and developed during the project life cycle.</p>
+    <p class="middleP">Stage 3: Designing the Product Architecture<br /><br />DDS - Design Document Specification is reviewed by all the important stakeholders and based on various parameters as risk assessment, product robustness, design modularity, budget and time constraints, the best design approach is selected for the product.</p>
+    <p>Stage 4: Building or Developing the Product<br />Stage 5: Testing the Product</p>
+
+    <input type="button" id="hiddenPara" value="See More" onclick="hiddenP()" >
+    <input type="button" value="Reset" onclick="reloadPage()" >
+  
+  </body>
+</html>
diff --git a/script/lab5.js b/script/lab5.js
@@ -0,0 +1,39 @@
+function changeStyle() {
+  let fP = document.getElementById('firstP');
+  fP.style.textAlign = 'center';
+  
+  let sP = document.getElementById('secondP')
+  sP.style.textAlign = 'right';
+  
+  let midP = document.getElementsByClassName('middleP');
+  midP[0].style.backgroundColor = 'blue';
+  midP[0].style.color = 'cyan';
+  midP[1].style.backgroundColor = 'blue';
+  midP[1].style.color = 'cyan';
+  var colorList = new Array('yellow', 'black', 'cyan', 'white', 'Yellow', 'red');
+  var bgColorList = ['red', 'white', 'blue', 'black','green', 'orange'];
+  var paragraph = document.getElementsByTagName('p');
+  var fifthP = paragraph[4];
+  var i = 0;
+  setInterval(function keepChange(){
+    fifthP.style.backgroundColor = bgColorList[i];
+    fifthP.style.color = colorList[i];
+    i += 1;
+    if (i == colorList.length){
+      i = 0;
+    }
+    console.log(i);   
+  }, 3000);
+}
+
+function hiddenP(){
+  var newP = document.createElement('p');
+  newP.innerHTML = 'Stage 6: Deployment in the Market and Maintenance';
+  window.document.body.appendChild(newP);
+  document.getElementById('hiddenPara').disabled = true;
+}
+
+function reloadPage() {
+  window.location.reload();
+  document.getElementById('hiddenPara').disabled = false;
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +body {
 +  margin: 10%;
++
 +}