Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
386 changes: 386 additions & 0 deletions function.js

Large diffs are not rendered by default.

511 changes: 511 additions & 0 deletions functions.css

Large diffs are not rendered by default.

140 changes: 140 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="functions.css" />
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<title>Computer-Programming</title>
<script type="text/javascript" src="function.js"></script>
</head>

<body>
<div id="header">Functions</div>
<a href="../index.html"><div class="vlabsIcon"></div></a>

<div class="inputDivision">
<div class = "inputDivisionTitle" ><div class="initializePic"></div><div class="initializeText">Initialize</div></div>
<div class="inputDivisionBody" id = 'inputDivision'>
<div class="questionBlock" id = 'instructions'>
<p class="instruction">1. Click on the square to define a function for calculating the area of a square.</p>
<p class="instruction">2. Similarly define functions for the other geometrical figures.</p>
<p class="instruction">3. The defined functions are shown in the middle window.</p>
<p class="instruction">4. Now make appropriate function calls in the main program to compute the area of the figure displayed.</p>
<p class="instruction">5. Press execute to execute the code and see the output.</p>
</div><!-- end of instructions -->
<div class="questionBlock hide" id = 'questionSquare'>
<div class="questionText">1. Enter number of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group1" value="1"><label class="radioText" >1</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group1" value="2"><label class="radioText" >2</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group1" value="3"><label class="radioText" >3</label></div><!-- end of 1st question -->

<div class="questionText">2. Enter datatype of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group2" value="int"><label class="radioText" >int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group2" value="float"><label class="radioText" >float</label></div><!-- end of 2ns question -->

<div class="questionTextRich">3. Enter return datatype of the function :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group3" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group3" value="float"><label class="radioText">float</label></div><!-- end of 3rd question -->

<div class="questionTextRich">4. Choose formula for area of the square :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group4" value="a*a"><label class="radioText">a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group4" value="&pi;*a*a"<label class="radioText">&pi;*a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group4" value="2*&pi;*a"><label class="radioText">2*&pi;*a</label></div><!-- end of 4th question -->

<button class="button okButton" id = 'okSquare'>OK</button>
</div><!-- end of question block of square -->
<div class="questionBlock hide" id = 'questionRightangledtriangle'>
<div class="questionText">1. Enter number of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group5" value="1"><label class="radioText">1</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group5" value="2"><label class="radioText">2</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group5" value="3"><label class="radioText">3</label></div><!-- end of 1st question -->

<div class="questionText">2. Enter datatype of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group6" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group6" value="float"><label class="radioText">float</label></div><!-- end of 2nd question -->

<div class="questionTextRich">3. Enter return datatype of the function :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group7" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group7" value="float"><label class="radioText">float</label></div><!-- end of 3rd question -->

<div class="questionTextRich">4. Choose formula for area of the rectangle :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="a*a"><label class="radioText">a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="0.5*a*b"><label class="radioText">a*b</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="2*&pi;*a"><label class="radioText">2*&pi;*a</label></div><!-- end of 4th question -->

<button class="button okButton" id = 'okRightangledtriangle'>OK</button>
</div><!-- end of question block of Rightangledtriangle -->
<div class="questionBlock hide" id = 'questionTriangle'>
<div class="questionText">1. Enter number of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group9" value="1"><label class="radioText">1</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group9" value="2"><label class="radioText">2</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group9" value="3"><label class="radioText">3</label></div><!-- end of 1st question -->

<div class="questionText">2. Enter datatype of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group10" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group10" value="float"><label class="radioText">float</label></div><!-- end of 2nd question -->

<div class="questionTextRich">3. Enter return datatype of the function :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group11" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group11" value="float"><label class="radioText">float</label></div><!-- end of 3rd question -->

<div class="questionTextRich">4. Choose formula for area of the triangle :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group12" value="a*a"><label class="radioText">a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group12" value="pi*a*a"><label class="radioText">&pi;*a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group12" value="correct"><label class="radioText">(&radic;3/4.0)*a*a</label></div><!-- end of 4th question -->

<button class="button okButton" id = 'okTriangle'>OK</button>
</div><!-- end of question block of triangle -->
<div class="questionBlock hide" id = 'questionCircle'>
<div class="questionText">1. Enter number of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group13" value="1"><label class="radioText" for="male">1</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group13" value="2"><label class="radioText" for="male">2</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group13" value="3"><label class="radioText" for="male">3</label></div><!-- end of 1st question -->

<div class="questionText">2. Enter datatype of arguments :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group14" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group14" value="float"><label class="radioText">float</label></div><!-- end of 2nd question -->

<div class="questionTextRich">3. Enter return datatype of the function :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group15" value="int"><label class="radioText">int</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group15" value="float"><label class="radioText">float</label></div><!-- end of 3rd question -->

<div class="questionTextRich">4. Choose formula for area of the circle :</div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group16" value="a*a"><label class="radioText">a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group16" value="pi*a*a"><label class="radioText">&pi;*a*a</label></div>
<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group16" value="incorrect"><label class="radioText">(&radic;3/4.0)*a*a</label></div><!-- end of 4th question -->

<button class="button okButton" id = 'okCircle'>OK</button>
</div><!-- end of question block of circle -->
<div class="questionBlock hide" id = 'calculateArea'>
<div class="programInitialization">int main() {<br>&emsp;float totalArea;</div>
<div class="computeArea">totalArea = </div>
<div id = 'inputBoxSection'><input class="textArea" type="text"><input class="textArea" type="text"><input class="textArea" type="text"><input class="textArea" type="text"><input class="textArea" type="text"><input class="textArea" type="text"><input class="textArea" type="text"></div>
<div class="programTail">&emsp;&emsp;printf("Total Area : %f/n", totalArea);<br>&emsp;&emsp;return 0;<br>}</div>

<button class="button okButton" id = 'btnExecute'>EXECUTE</button>
</div><!-- end of tatal area calculation block -->
</div><!-- end of inputDivisionBody -->
</div><!-- end of inputDivision -->
<div class="executionDivision">
<div class="executionDivisionTitle"><div class="executionPic"></div><div class="executionText">Step Execution</div></div>
<div class="stepExecutionDisplay" >
<div class="functionForSquare"><span class="textColor">//function for square</span><br><div id = 'functionSquare'></div></div>
<div class="functionForRightangledtriangle"><span class="textColor">//function for Rightangledtriangle</span><br><div id = 'functionRightangledtriangle'></div></div>
<div class="functionForTriangle"><span class="textColor">//function for triangle</span><br><div id = 'functionTriangle'></div></div>
<div class="functionForCircle"><span class="textColor">//function for circle</span><br><div id = 'functionCircle'></div></div>
</div><!-- end of stepExecutionDisplay -->
</div><!-- end of executionDivision -->
<div class="outputDivision">
<div class="outputDivisionTitle"><div class="outputPic"></div><div class="outputText">Code Output</div></div>
<div class="resultDisplay" id = "resultDisplay" >
<div class="imageBlock" id = 'imageBlock'>
<div class="imageSquare" id = 'imageSquare'><img id='tickSquare' class='tick hide' src="tick.png"></div>
<div class="imageRightangledtriangle" id = 'imageRightangledtriangle'><img id='tickRightangledtriangle' class='tick hide' src="tick.png"></div>
<div class="imageTriangle" id = 'imageTriangle'><img id='tickTriangle' class='tick hide' src="tick.png"></div>
<div class="imageCircle" id = 'imageCircle'><img id='tickCircle' class='tick hide' src="tick.png"></div>
</div><!-- end of imageBlock -->
<div class="imageComplex hide" id = 'imageComplex'></div>
</div><!-- end of resultDisplay -->
</div><!-- end of outputDivision -->
</body>
</html>
2 changes: 1 addition & 1 deletion src/lab/exp1/simulation/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<p></p><br>
<p class="warningText">1. Given a well-behaved smooth function, integrate it over the given limits of integration ?</p><br>
<p class="warningText">2. Approximating solution to integral a smooth function.</p><br>
<p class="warningText">3. Integration Limits are from 0 to 30, b > a and b-a >= 1.</p><br>
<p class="warningText">3. Integration Limits are from 1 to 10, b > a and b-a >= 1.</p><br>
</div><!-- end of inputDivisionSimpleLoop -->
</div><!-- end of FirstInputBlock -->
<div class = 'SecondInputBlock' >
Expand Down
4 changes: 2 additions & 2 deletions src/lab/exp1/simulation/numericalApproximation.js
Original file line number Diff line number Diff line change
Expand Up @@ -290,8 +290,8 @@ window.view = {
alert('Enter numeric value of a and b');
return false;
}
else if (valueA2 >= valueB2 || valueB2 > 30) {
alert('Integration Limits are from 0 to 30, b > a and b-a >= 1');
else if (valueA2 >= valueB2 || valueB2 > 10) {
alert('Integration Limits are from 1 to 10, b > a and b-a >= 1');
return false;
}
else {
Expand Down
3 changes: 2 additions & 1 deletion src/lab/exp10/simulation/index.htm
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@
<option> a + b - c </option>
<option> a + b / c </option>
<option> ( a + b ) / c </option>
<option> a * ( b + c ) </option>
<option> ( a + b ) * c - d </option>
<option> ( a + b ) * ( c - d ) </option>
<option> a * d % ( c - b ) * c - a * b </option>
Expand Down Expand Up @@ -77,4 +78,4 @@
</div><!-- end of resultDisplay -->
</div><!-- end of outputDivision -->
</body>
</html>
</html>
Loading