<Simple Calculator using HTML/CSS>

<form> element is a container that contains different type of input elements.

in this project: I used <input> and <button> as a input elements inside the <form>

The elements that doesn't need closing tag is called Empty or Void elements.

<input type="button" value="1">

type="button" will create a button element on the webpage value=" 1 " defines that the number that is going to be the value of the button.

<input type="button" value="DE" onclick="display.value = display.value.toString().slice(0,-1)">

This particular part the code about the button DE(which deletes the lastly displayed number)

during the onclick display.value will go through the following process to it's action done.

display.value.toString = will take the value from the display and convert the value into string.

toString.slice() = will returns the selected elements as a new array.

slice(start,end) = start is the staring position we want for the new array/default is 0.

end is the end position/default is last element .

slice(0,-1)\= so the starting will be not changing but the end position eliminates last element from the array and returns it. if the end is -2 then it eliminates the last two elements.

eval() is an function property. it evaluate the strings and return the value. used this function for done the calculation part.

Live link:https://vaithegiv.github.io/Calculator

Source code: Check the link for the source code: https://github.com/VaithegiV/Calculator.git