From d23164ceeb1f41b0cacd532bbb2c84e2e8f820d0 Mon Sep 17 00:00:00 2001
From: SilicoFlare <100959814+SilicoFlare@users.noreply.github.com>
Date: Thu, 23 Mar 2023 14:14:40 +0530
Subject: [PATCH] added codegen1

---
 pes/scilab/lab02.html | 127 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 127 insertions(+)
 create mode 100644 pes/scilab/lab02.html
diff --git a/pes/scilab/lab02.html b/pes/scilab/lab02.html
new file mode 100644
index 0000000..1442233
--- /dev/null
+++ b/pes/scilab/lab02.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Lab 2 CodeGen</title>
+
+        <style type="text/css">
+            #code   {
+                border: 1px solid black;
+                font-family:'Consolas';
+            }
+        </style>
+
+    </head>
+    <body onload="init()">
+        <form>
+            <p>
+                <label for="stuName">Name: </label>
+                <input type="text" id="stuName" placeholder="Enter your name">
+            </p>
+            <p>
+                <label for="srn">SRN: </label>
+                <input type="text" id="srn" placeholder="Enter your SRN">
+            </p><br><br>
+
+            <template id="vals">
+                <div class="value">
+                    <label class="lbl1" for="x">X: </label>
+                        <input type="text" class="fld1" id="x">&emsp;
+                    <label class="lbl2" for="y">Y: </label>
+                        <input type="text" class="fld2" id="y">&emsp;
+                    <button type="button" class="del">×</button>
+                </div>
+            </template>
+            
+            <div id="uservals">
+            </div>
+            <button type="button" onclick="add()">Add Entry</button>
+            <button type="button" onclick="genCode()">Submit</button>
+        </form>
+        <br><br>
+        <h3>Copy your code from here:</h3>
+        <div id="code">
+            test
+        </div>
+
+<!-- ------------------------------------------------------------------------ -->
+
+        <script>
+
+            var count = 0
+            
+            function delValue(num)  {
+                var divi = document.getElementById("value"+num);
+                divi.remove();
+                for(i=num+1;i<count;i++)	{
+                    var work = document.getElementById("value"+i);
+                    work.setAttribute("id", "value"+(i-1));
+                    work.querySelector(".lbl1").setAttribute("for", "x"+(i-1));
+                    work.querySelector(".lbl2").setAttribute("for", "y"+(i-1));
+                    work.querySelector(".fld1").setAttribute("id", "x"+(i-1));
+                    work.querySelector(".fld2").setAttribute("id", "y"+(i-1));
+                    work.querySelector(".del").setAttribute("onclick", "delValue("+(i-1)+")");
+                }
+                console.log("Entry "+num+" removed!")
+                count--;
+            }
+
+            function add()  {
+                var i = count;
+                list = document.getElementById('uservals');
+                temp = document.importNode(document.getElementById('vals').content, true);
+                temp.querySelector(".value").setAttribute("id", "value"+i);
+                temp.querySelector(".lbl1").setAttribute("for", "x"+i);
+                temp.querySelector(".lbl2").setAttribute("for", "y"+i);
+                temp.querySelector(".fld1").setAttribute("id", "x"+i);
+                temp.querySelector(".fld2").setAttribute("id", "y"+i);
+                temp.querySelector(".del").setAttribute("onclick", "delValue("+i+")");
+                list.appendChild(temp);
+                count++;
+                console.log(count)
+            }
+
+            function init() {
+                add();
+            }
+
+            function genCode()  {
+                codeArea = document.getElementById("code");
+                startX = document.getElementById("value0").querySelector(".fld1").value;
+                endX = document.getElementById("value"+(count-1)).querySelector(".fld1").value;
+                codeArea.innerText = "x = "+startX+":"+(endX-startX)/(count-1)+":"+endX+";";
+
+                codeArea.innerText += "\nx = x';"
+
+                var ySTR = "y = ["
+                for(i=0;i<count;i++)    {
+                    work = document.getElementById("value"+i).querySelector(".fld2").value;
+                    ySTR += work;
+                    if(i!=(count-1))
+                        ySTR+=";"
+                }
+                codeArea.innerText += "\n"+ySTR+"]";
+
+                codeArea.innerText += "\nplot(x,y)"+
+                "\nxlabel('$Volume\\ of\\ $K_{2}Cr_{2}O_{7}$\\ added\\ in\\ mL$')"+
+                "\nylabel('$Potential\\ (E)\\ in\\ mV$')"+
+                "\nxgrid()";
+
+                codeArea.innerText += "\nxstring(5.5, 450, ['Name: "+document.getElementById("stuName").value+"'])";
+                codeArea.innerText += "\nxstring(5.5, 400, ['SRN: "+document.getElementById("srn").value+"'])";
+
+                codeArea.innerText += "\nscf"+
+                "\nN = length(x)"+
+                "\ndydx = diff(y(:)) ./ diff(x(:))"+
+                "\ndydx(N) = dydx(N-1)"+
+                "\nx1 = x + 0.5"+
+                "\nplot(x1, dydx)"+
+                "\nxgrid()"+
+                "\nxlabel('$Volume\\ of\\ $K_{2}Cr_{2}O_{7}$\\ added\\ in\\ mL$')"+
+                "\nylabel('$\\frac{\\Delta$E}{\\Delta$V}$')";
+            }
+        </script>
+    </body>
+</html>
\ No newline at end of file
