SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT

Demo👀

HOW DO YOU MAKE A SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT!

1st Step:-

First you open your HTML Editor like - Notepad++,Subline Text,Brackets, etc.

Then start program use Html, Css, Javascript.

2nd Step:-

Copy the CSS code and then Paste your HTML Editor into <head> here </head> section.

CSS Code :-

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <style>
  .calc2 tr:nth-child(5) input[type=button] { width:40px; }
@media all and (max-width: 576px) {
  .calc2 tr td:nth-child(4) input[type=text] { width:50px; }
  .calc2 tr td:nth-child(2) { padding-top:25px;}
  .calc2 tr td:nth-child(3) { padding-top:30px;}
  .calc2 td:nth-child(2) input[type=text] { width:90px;}
  .calc2 tr:nth-child(2) input[type=text], .calc2 tr:nth-child(3) input[type=text] { width:190px; }
  .calc2 tr:nth-child(2) td:nth-child(2), .calc2 tr:nth-child(3) td:nth-child(2) { padding-top:0px; }
  .calc2 tr:nth-child(2) td:nth-child(3), .calc2 tr:nth-child(3) td:nth-child(3) { padding-top:0px; margin-left:3px }
  .calc2 tr td:nth-child(5) { padding-top:30px; }
}
@media all and (min-width: 577px) {
  .calc2 td:nth-child(2) input[type=text] { width:180px;}
  .calc2 tr td:nth-child(4) input[type=text] { width:80px; margin-bottom:40px; }
  .calc2 tr:nth-child(2) input[type=text], .calc2 tr:nth-child(3) input[type=text] { width:304px; }
  .calc2 tr td:nth-child(5) { padding-left:15px; }
  .calc2 tr:nth-child(2) td:nth-child(3), .calc2 tr:nth-child(3) td:nth-child(3) { padding-left:15px; height:79px }
}
</style>

3rd Step:-

Copy the html code and then Paste your HTML Editor into <body> here </body> section.

HTML Code :-

 
<div id="lcol" class="d-flex justify-content-center ">

    <div id="doc" class="bg-info align-content-center p-3 ">
      <!-- #BeginEditable "doctext" -->
      <h1 class="text-light text-center">
Scientific Notation Converter</h1>
<p class="text-warning">
Scientific notation to standard decimal notation, E notation, normalized notation and engieering notation:</p>
<form name="calcform" autocomplete="off" style="background-color: #f9593d;" class="p-2">
      <table class="calc2">
        <tbody>
<tr>
          <td><label for="sci">Scientific notation</label>:</td>
        <td><input type="text" id="sci" name="sci" class="form-control input-lg" autofocus></td>
        <td class="math">×10</td>
        <td><input type="text" id="sci2" class="form-control input-lg" name="sci2"></td>
          <td><input onclick="Convert_Sci()" type="button" value="Convert" class="btn btn-success btn-lg"></td>
        </tr>
<tr>
          <td><label for="dec">Decimal notation:</label></td>
        <td colspan="3"><input type="text" id="dec" name="dec" class="form-control input-lg"></td>
          <td><input onclick="Convert_Dec()" type="button" value="Convert" class="btn btn-success btn-lg"></td>
        </tr>
<tr>
          <td><label for="e">E notation:</label></td>
        <td colspan="3"><input type="text" id="e" name="e" class="form-control input-lg"></td>
          <td><input onclick="Convert_E()" type="button" value="Convert" class="btn btn-success btn-lg"></td>
        </tr>
<tr>
          <td><label for="norm">Normalized notation:</label></td>
        <td><input type="text" id="norm" name="norm" class="form-control input-lg" readonly></td>
        <td class="math">×10</td>
        <td><input type="text" id="norm2" name="norm2" class="form-control input-lg" readonly></td>
          <td> </td>
        </tr>
<tr>
          <td><label for="eng">Engineering notation:</label></td>
        <td><input type="text" id="eng" name="eng" class="form-control input-lg" readonly></td>
        <td class="math">×10</td>
        <td><input type="text" id="eng2" name="eng2" class="form-control input-lg" readonly></td>
          <td><input type="button" value="‹" class="btn btn-dark btn-sm" onclick="Convert_Eng(0)"><input type="button" value="›" class="btn btn-dark btn-sm" onclick="Convert_Eng(1)"></td>
        </tr>
<tr>
          <td> </td>
          <td> </td>
          <td> </td>
          <td> </td>
          <td><input type="reset" value="Reset" class="btn btn-warning btn-lg"></td>
        </tr>
</tbody>
      </table>
</form>
</div>
</div>

4th Step:-

Copy the JavaScript code and then Paste your HTML editor into the upper </body>.

Javascript Code:-

 

<script>
  function setfocus() {
  document.calcform.x.focus();
}
function calc() {
  x = document.calcform.x.value;
  y = convert(x);
  y = roundresult(y);
  document.calcform.y.value = y;
}
function calctest() {
  x = document.calcform.x.value;
  y = convert(x);
  //y = roundresult(y);
  y = roundresult1(y);
  document.calcform.y.value = y;
}
function calc3() {
  x1 = document.calcform.x1.value;
  x2 = document.calcform.x2.value;
  y  = convert(x1,x2);
  y  = roundresult(y);
  document.calcform.y.value = y;
}
function calc4() {
  x1 = document.calcform.x1.value;
  x2 = document.calcform.x2.value;
  x3 = document.calcform.x3.value;
  y  = convert(x1,x2,x3);
  y  = roundresult(y);
  //yy = y.toString();
  //if( yy.length>12 ) {
  //  y = parseFloat(y);
  //  y = y.toPrecision(10);
  //}
  document.calcform.y.value = y;
}
function calc5() {
  x = document.calcform.x.value;
  y  = convert1(x);
  y  = roundresult(y);
  document.calcform.y1.value = y;
  y  = convert2(x);
  y  = roundresult(y);
  document.calcform.y2.value = y;
}


function roundresult(x) {
  y = parseFloat(x);
  y = roundnum(y,10);
  return y;
}
function roundnum(x,p) {
  var i;
  var n=parseFloat(x);
  var m=n.toPrecision(p+1);
  var y=String(m);
  i=y.indexOf('e');
  if( i==-1 ) i=y.length;
  j=y.indexOf('.');
  if( i>j && j!=-1 ) 
  {
    while(i>0)
    {
      if(y.charAt(--i)=='0')
        y = removeAt(y,i);
      else
        break;
    }
    if(y.charAt(i)=='.')
      y = removeAt(y,i);
  }
  return y;
}
function removeAt(s,i) {
  s = s.substring(0,i)+s.substring(i+1,s.length);
  return s;
}
  function Convert_Sci()
  {
    a = document.calcform.sci.value;
    b = document.calcform.sci2.value;
    b = parseInt(b);
    dec = a*Math.pow(10,b);
    dec = roundnum(dec,10);
    sign=""; if(b>=0) sign="+";
    e = a+"e"+sign+b;
    f = (a==0)?0:Math.floor( Math.log(Math.abs(a))*Math.LOG10E );
    norm = a/Math.pow(10,f);
    norm = roundnum(norm,10);
    norm2= parseInt(b)+f;
    mod = norm2%3;
    eng  = norm*Math.pow(10,mod);
    eng  = roundnum(eng,10);
    eng2= norm2-mod;
    if( Math.abs(eng)<1 && eng!=0 )
    {
      eng*=1000;
      eng2-=3;
    }
    eng  = roundnum(eng,10);
      dec=parseFloat(dec).toFixed(20).replace(/\.?0+$/,"");

    document.calcform.dec.value = dec;
    document.calcform.e.value = e;
    document.calcform.norm.value = norm;
    document.calcform.norm2.value = norm2;
    document.calcform.eng.value = eng;
    document.calcform.eng2.value = eng2;
  }
  function Convert_Dec()
  {
    dec = document.calcform.dec.value;
    dec = parseFloat(dec);
    e = dec.toExponential();
    a=e; b=0;
    i=e.indexOf('e');
    if( i!=-1 )
    {
      a = e.substring(0,i);
      b = e.substring(i+1,e.length);
    }
    b = parseInt(b);
    f = (a==0)?0:Math.floor( Math.log(Math.abs(a))*Math.LOG10E );
    norm = a/Math.pow(10,f);
    norm = roundnum(norm,10);
    norm2= parseInt(b)+f;
    mod = norm2%3;
    eng  = norm*Math.pow(10,mod);
    eng  = roundnum(eng,10);
    eng2= norm2-mod;
    if( Math.abs(eng)<1 && eng!=0 )
    {
      eng*=1000;
      eng2-=3;
    }
    eng  = roundnum(eng,10);
    
    document.calcform.sci.value = a;
    document.calcform.sci2.value = b;
    document.calcform.e.value = e;
    document.calcform.norm.value = norm;
    document.calcform.norm2.value = norm2;
    document.calcform.eng.value = eng;
    document.calcform.eng2.value = eng2;
  } 
  function Convert_E()
  {
    e = document.calcform.e.value;
    a=e; b=0;
    i=e.indexOf('e');
    if( i!=-1 )
    {
      a = e.substring(0,i);
      b = e.substring(i+1,e.length);
    }
    b = parseInt(b);
    dec = a*Math.pow(10,b);
    dec = roundnum(dec,10);
    f = (a==0)?0:Math.floor( Math.log(Math.abs(a))*Math.LOG10E );
    norm = a/Math.pow(10,f);
    norm = roundnum(norm,10);
    norm2= parseInt(b)+f;
    mod = norm2%3;
    eng  = norm*Math.pow(10,mod);
    eng  = roundnum(eng,10);
    eng2= norm2-mod;
    if( Math.abs(eng)<1 && eng!=0 )
    {
      eng*=1000;
      eng2-=3;
    }
    eng  = roundnum(eng,10);
      dec=parseFloat(dec).toFixed(20).replace(/\.?0+$/,"");
    
    document.calcform.dec.value = dec;
    document.calcform.sci.value = a;
    document.calcform.sci2.value = b;
    document.calcform.norm.value = norm;
    document.calcform.norm2.value = norm2;
    document.calcform.eng.value = eng;
    document.calcform.eng2.value = eng2;
  }   
  function Convert_Eng(e)
  {
    a = document.calcform.eng.value;
    b = document.calcform.eng2.value;
    a = parseFloat(a);
    b = parseInt(b);
    
    if(e==0)
    {
      a*=1000;
      b-=3;
    }
    else
    {
      a/=1000;
      b+=3;
    }
    
    document.calcform.eng.value = a;
    document.calcform.eng2.value = b;
  }
  </script>

How To Download This Project

The first step you click on the ''Download Project'' button you will see a new popup, then click on again the ''Download'' button. Now your project will be downloaded.

1Add

SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT | BEGINNER

Demo👀

HOW DO YOU MAKE A SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT!

How To Download This Project

Project source code

Related Project

Post a Comment

0 Comments

Followers

Followers

Popular Posts

ADDRESS BOOK USING JAVASCRIPT | BEGINNER

COVER LETTER GENERATOR USING JAVASCRIPT

1Add

SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT | BEGINNER

Demo👀

HOW DO YOU MAKE A SCIENTIFIC NOTATION CONVERTER USING JAVASCRIPT!

How To Download This Project

Project source code

Scientific Notation Converter Source Code

Related Project

You may like these posts

Post a Comment

0 Comments

Followers

Followers

Social Plugin

Popular Posts

ADDRESS BOOK USING JAVASCRIPT | BEGINNER

COVER LETTER GENERATOR USING JAVASCRIPT