Skip to main content

How to make calculator using HTML in notepad

CODE:-

 <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 >Create your own Calculator</div>

<table border="1">

<tr>

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

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

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

</tr>

<tr>

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

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

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

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

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

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

</tr>

<tr>

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

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

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

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

</tr>

<tr>

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

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

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

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

</tr>

<tr>

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

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

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

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

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

</tr>

</table>

</body>

</html>


OUTPUT:-



Labels:

Comments

Post a Comment

Popular posts from this blog

Spoken Tutorial Linux Test answer

 1. we can use command "Alt + T" in the terminal in ubuntu environment? a) True  b) False 2.  Justify whether the commands given below are true or false .  a . $ > chmod -R 744 programming --- > This command is used to assign read , write , execute permission to owner and readonly for all others on programming folder .  b . $ > chown - R www - data : www - data --- > This command is used to change the ownership of all the folders and subfolders including files , under current directory to www - data user . a) True         b) False 3. We can use the commands $ > Is -1 | wc -1 > filecount.txt to check the count of number of files in a directory ? Select one a) True  b) False 4.  The following commands will help us identify the number of lines of code written in programcode.c file . $ > programcode.c | wc - a) True   b) False 5.  Identify whether the output of the following commands is true or false ?   $ > mkdir programs  $ >  cd programs  $ > mv
Post a Comment
Read more

Spoken Tutorial C test answer

1)    In the following statements, what does   6   specify?  int num[ 6 ];  num[ 6 ]=21; Select one: In the first statement,  6  specifies a particular element, whereas in the second statement it specifies an array size. In the first statement,  6  specifies a particular element, whereas in the second statement it specifies a type. In both the statements,  6  specifies an array size. In the first statement,  6  specifies an array size, whereas in the second statement it specifies a particular element of an array. 2)  What will be the   output   of the following program? #include<stdio.h>  int main()  {      char j=1;      while(j < 5)      {          printf("%d, ", j);          j = j+1;      }      printf("\n");      return 0;  } Select one: 1 2 3 4 1, 2, 3, 4, 4, 3, 2, 1 2 3 4 5 6 3)  What will be   output   when you will execute following c code?   #include<stdio.h> void main(){     int a=5,b=10;     if(a < b)          printf("%d  %d",+
Post a Comment
Read more