HTML Codes for making Working Calculator at Home😎😁

Hello everyone Today we are back with a topic "How to make calculator at home with HTML CODING"

HAPPY CODING TO ALL 🇮🇳🇮🇳🇮🇳🎉😎🎉😅

SO SOME SIMPLE CODES ARE BELOW. JUST COPY THEM.


******************************************
<html>

   <head>

      <script>

         //function that display value

         function dis(val)

         {

             document.getElementById("result").value+=val

         }

         

         //function that evaluates the digit and return result

         function solve()

         {

             let x = document.getElementById("result").value

             let y = eval(x)

             document.getElementById("result").value = y

         }

         

         //function that clear the display

         function clr()

         {

             document.getElementById("result").value = ""

         }

      </script>

      <!-- for styling -->

      <style>

         .title{

         margin-bottom: 10px;

         text-align:center;

         width: 210px;

         color:green;

         border: solid black 2px;

         }



         input[type="button"]

         {

         background-color:green;

         color: black;

         border: solid black 2px;

         width:100%

         }



         input[type="text"]

         {

         background-color:white;

         border: solid black 2px;

         width:100%

         }

      </style>

   </head>

   <!-- create table -->

   <body>

      <div class="title">
Inventips Calculator</div>
<table border="1">
<tr>

            <td colspan="3"><input id="result" type="text" /></td>

            <!-- clr() function will call clr to clear all value -->

            <td><input onclick="clr()" type="button" value="c" /> </td>

         </tr>
<tr>

            <!-- create button and assign value to each button -->

            <!-- dis("1") will call function dis to display value -->

            <td><input onclick="dis('1')" type="button" value="1" /> </td>

            <td><input onclick="dis('2')" type="button" value="2" /> </td>

            <td><input onclick="dis('3')" type="button" value="3" /> </td>

            <td><input onclick="dis('/')" type="button" value="/" /> </td>

         </tr>
<tr>

            <td><input onclick="dis('4')" type="button" value="4" /> </td>

            <td><input onclick="dis('5')" type="button" value="5" /> </td>

            <td><input onclick="dis('6')" type="button" value="6" /> </td>

            <td><input onclick="dis('-')" type="button" value="-" /> </td>

         </tr>
<tr>

            <td><input onclick="dis('7')" type="button" value="7" /> </td>

            <td><input onclick="dis('8')" type="button" value="8" /> </td>

            <td><input onclick="dis('9')" type="button" value="9" /> </td>

            <td><input onclick="dis('+')" type="button" value="+" /> </td>

         </tr>
<tr>

            <td><input onclick="dis('.')" type="button" value="." /> </td>

            <td><input onclick="dis('0')" type="button" value="0" /> </td>

            <!-- solve function call function solve to evaluate value -->

            <td><input onclick="solve()" type="button" value="=" /> </td>

            <td><input onclick="dis('*')" type="button" value="*" /> </td>

         </tr>
</table>
</body>

</html> 

HAPPY CODING😎😎😎😎😎🇮🇳🇮🇳🇮🇳

Comments

Post a Comment

Popular posts from this blog

Schedule A - Z

Image
  Schedule A:  Schedule A  describes application forms and licenses types. Schedule B:  Schedule B  describes Fees for test or analysis by the Central Drugs Laboratories or State Drugs Laboratories Schedule B1:  Schedule B1  describes fees for the test or analysis by the pharmacopoeial laboratory for indian medicine (plim) or the government analyst Schedule C:  Schedule C  describes the Biological and Special Products Schedule C(1):  Schedule C(1)  describes the Other Special Products Schedule D:  Schedule D  describes the  import requirements Schedule D(1):  Schedule D(1)  describes the Information and undertaking required to be submitted by the manufacturer or his authorized agent with the Application Form for a Registration Certificate. The format shall be properly filled in for each application in Form 40. The detailed information, secret in nature, may be furnished on a Computer Floppy Schedule D(2):...
Read more

Lansoprazole 15mg

Image
                    Lansoprazole 15mg Lansoprazole is Antihistaminic and used as Antacid but not an Antacid. Generally used for kids.  Composition - Disintegrating Tab - 15mg nj- vial contains 40mg Class - Antihistaminic (PPI)  Brand- Lansocot Mechanism Of Action Lansoprazole is a proton pump inhibitor. It inhibits the parietal cell H+ / K+ ATP pump, the final step of acid production. In turn, omeprazole suppresses gastric basal and stimulated acid secretion. Dosage 1mg/kg/24 Hourly OD Or BD Max - 15 - 30 mg BD Used As - Used as Antacid in lowering level of gastric Acid Contraindicated - Not Safe in Pregnancy 
Read more