Deff.js

Deff.js (Using Deff.js to create a Mul-Cal)

In this part of the project i will be showin you how to code a Deff.js Multiplication Calculator

HERE'S A
CODE EXAMPLE
OF RESORT.JS

integrity= 
"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"

crossorigin="anonymous">

<script src=

"https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity= 
"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

crossorigin="anonymous">

</script>

integrity= 
"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"

crossorigin="anonymous">

</script>

integrity= 
"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"

crossorigin="anonymous">

</script> 
      <body>
      <script>
      deff = "//nothing here";
      text = "//nothing here";
      input = "//nothing here";
      result = "//nothing here";
      button = "//nothing here";
      deffStyle = "//nothing here";
      
      window.onload = function(deffStyle, deff, text, input, result, button) {
      
      text = `<span>CREATING A MULTIPLICATION CAL USING DEFF.JS</span> <br><br><br><input type="number" id="num" placeholder="Enter Number"/> *`;
      input = `<input placeholder="Enter Your Number Here" type="number" id="num1"/>`;
      button = `<button onclick="go()" id="submit" type="submit">Submit</button>`;
      result = `<div id="result">Your Result Shows Here</div>`;
      
      
      deffStyle = "<style>" + `span{font-size: 45px; font-weight: bold;  }textarea, input{width: 250px; height: 70px; border: solid 2px transparent; font-size: 40px; font-weight: bold; box-shadow: 0 0 30px lightgray; border-radius: 10px;} button{ background: #507bba; color: #fff; width: 250px; height: 70px; border: solid 2px #507bba; border-radius: 20px; box-shadow: 0 0 20px #507bba;} div{font-size: 34px; font-weight: bold;} ` + "</style>";
      
      
      
      deff = text + "<br>" + input + "<br>" + button + "<br>" + result + deffStyle;
      
      var dbody = document.getElementsByTagName('body')[0];
      
      dbody.innerHTML = deff;
      
      }
      </script>
      <script>
      function go() {
      
      var tpop = document.getElementById('num').value;
      var ipop = document.getElementById('num1').value;
      var dpop = document.getElementsByTagName('div')[0];
      
      var rest = tpop * ipop;
      dpop.innerHTML = rest;
      
      }
      </script>

CHECK OUT THE EXAMPLE OF RESORT.JS