Advertisement
bozhilov

Elena 1

Nov 29th, 2022
499
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>
  4.           Solve the equations
  5.         </title>
  6.         <style>
  7.         h1, div, p {
  8.             text-align: center;
  9.     }
  10.         body {
  11.              background-color: #FFCE7D;
  12.         }
  13.         </style>
  14.     </head>
  15.  
  16.     <body>
  17.           <h1>Try to solve the equations:</h1>
  18.           <div>
  19.             <h2>1) ax + b = c</h2>
  20.             <h3>For a: </h3>
  21.             <input id="eqa1" type="number"></input>
  22.             <h3>For b: </h3>
  23.             <input id="eqb1" type="number"></input>
  24.             <h3>For c: </h3>
  25.             <input id="eqc1" type="number"></input>
  26.             <button id="getFirstResult">Solve</button>
  27.             <h2>Result:</h2>
  28.             <h2 id="firstresult"></h2>
  29.           </div>
  30.           <div>
  31.             <h2>2) a(x^2) + bx + c = 0</h2>
  32.             <h3>For a: </h3>
  33.             <input id="eqa2" type="number"></input>
  34.             <h3>For b: </h3>
  35.             <input id="eqb2" type="number"></input>
  36.             <h3>For c: </h3>
  37.             <input id="eqc2" type="number"></input>
  38.             <button id="getSecondResult">Solve</button>
  39.             <h2>x1= </h2>
  40.             <h2 id="resultx1"></h2>
  41.             <h2>x2= </h2>
  42.             <h2 id="resultx2"></h2>
  43.           </div>
  44.           <p> Thank you! </p>
  45.          
  46.           <script>
  47.             button1 = document.getElementById("getFirstResult");
  48.             button1.onclick = function () {
  49.                 eqa1 = document.getElementById("eqa1").value;
  50.                 eqb1 = document.getElementById("eqb1").value;
  51.                 eqc1 = document.getElementById("eqc1").value;
  52.                 let result = (eqc1 - eqb1)/eqa1;
  53.                 document.getElementById("firstresult").innerHTML = result;
  54.             }  
  55.  
  56.             button2 = document.getElementById("getSecondResult");
  57.             button2.onclick = function () {
  58.                 eqa2 = document.getElementById("eqa2").value;
  59.                 eqb2 = document.getElementById("eqb2").value;
  60.                 eqc2 = document.getElementById("eqc2").value;
  61.                 let discriminant = Math.pow(eqb2, 2) - 4*eqa2*eqc2;
  62.  
  63.                 console.log(discriminant)
  64.  
  65.                 let x1, x2;
  66.                 if(discriminant > 0){
  67.                     // two possible solutions
  68.                     x1 = (eqb2 - Math.sqrt(discriminant, 2))/(2*eqa2);
  69.                     x2 = (eqb2 + Math.sqrt(discriminant, 2))/(2*eqa2);
  70.                 }
  71.                 else if(discriminant == 0){
  72.                     // one possible solution
  73.                     x1 = (eqb2/2*eqa2);
  74.                     x2 = (eqb2/2*eqa2);
  75.                 }
  76.                 else {
  77.                     x1 = "No root";
  78.                     x2 = "No root";
  79.                 }
  80.                
  81.                 document.getElementById("resultx1").innerHTML = x1;
  82.                 document.getElementById("resultx2").innerHTML = x2;
  83.             }
  84.           </script>
  85.     </body>
  86. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement