Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

How to add A Calculator in your Blog or Website Using JavaScript CSS HTML

Guy, Today i am going to share a simple tips for your blog or website. Here are the some steps to create a simple calculator using HTML and JavaScript which can evaluate simple arithmetic on integer numbers. AS we all know that mathematics is very important for us every day and we can create any calculation using calculator and we can also create and develop calculator by using all of the programming language like C, C++, Java,Visual Basic(VB) etc. 

A Calculator in your Blog or Website

Add A Calculator in your Blog
  •  Login to Blogger > Dashboard
  •  Now Go to Page option > Click on New Page
  •  Select HTML  
  •  Paste below code in it.



    <html>
    <head></head>
    <body>
    <h3>Simple Calculator</h3>
    <br/>
    <form Name="calc">
    <table border=2>
    <tr>
    <td colspan=4><input type=text Name="display"></td>
    </tr>
    <tr>
    <td><input type=button value="0" OnClick="calc.display.value+='0'"></td>
    <td><input type=button value="1" OnClick="calc.display.value+='1'"></td>
    <td><input type=button value="2" OnClick="calc.display.value+='2'"></td>
    <td><input type=button value="+" OnClick="calc.display.value+='+'"></td>
    </tr>
    <tr>
    <td><input type=button value="3" OnClick="calc.display.value+='3'"></td>
    <td><input type=button value="4" OnClick="calc.display.value+='4'"></td>
    <td><input type=button value="5" OnClick="calc.display.value+='5'"></td>
    <td><input type=button value="-" OnClick="calc.display.value+='-'"></td>
    </tr>
    <tr>
    <td><input type=button value="6" OnClick="calc.display.value+='6'"></td>
    <td><input type=button value="7" OnClick="calc.display.value+='7'"></td>
    <td><input type=button value="8" OnClick="calc.display.value+='8'"></td>
    <td><input type=button value="x" OnClick="calc.display.value+='*'"></td>
    </tr>
    <tr>
    <td><input type=button value="9" OnClick="calc.display.value+='9'"></td>
    <td><input type=button value="C" OnClick="calc.display.value=''"></td>
    <td><input type=button value="=" OnClick="calc.display.value=eval

    (calc.display.value)"></td>
    <td><input type=button value="/" OnClick="calc.display.value+='/'"></td>
    </tr>
    </table>
    </form>
    </body>
    </html>

Related Search Terms

Simple Calculator


How to make disable Text area in your Blog post

Guys,Today i am going to share how to disable particular text area or paragraph using simple html code in you blog post or webite. Earlier post we learn How to disable right click on Blogger image using widget But this post you can disable just some area.

Recommended post: Make Money Online in India Without Investment Latest 2015
How to make disable Text area in your Blog post


Instructions:
1. Log in to blogger account and go to Design >Page Element.

2. Then Click Add Gadget and select 'HTML/Javascript'
and paste below code.and save it.

<textarea cols="50" rows="10" disabled="yes">TYPE-YOUR-TEXT-HERE</textarea>

3. Replace TYPE-YOUR-TEXT-HERE with your text.see the example below.
<textarea cols="50" rows="10" disabled="yes">Write Protected this line </textarea>

Note:change cols and rows as you like.To fetch any problem please comment below .Thank you.

Create Ordered Form Project using simple HTML Code

HTML stands for Hyper Text Markup Language.HTML is Markup language,A markup language set of Tags and attributes. In this project using basic HTML tag and attribute as form,table,hr,dd,dl,input etc.
Ordered Form  Project using simple HTML Code,
<html>
<head>
<title>Multiple forms in a project
</title>
</head>
<body>
<h1 align="center">High Choice T-Shirt Collection</h1>
<form action="mailto:youremail@yahoo.com"method="post"enctype="text/plain">
What the size of T-Shirt you would like to recive?
<br>
<input name="size"type="radio"value"S">Small:
<input name="size"type="radio"value"M">Medium:
<input name="size"type="radio"value"L">Large:
<input name="size"type="radio"value"XL">Extra Large:
<input name="size"type="radio"value"XXL">XExtra Large:
<input name="size"type="radio"value"OT">Other:
<br>
<input type="submit"value="Send">
</form>
<hr>
<form action="mailto:youremail@yahoo.com"method="post"enctype="text/plain">
<table>
<tr>
<td>Name:</td>
<td>
<input type="text"Name="Name"size="50">
</td></tr><tr><td>Phone Number:</td>
<td><input type="text"Name="Phone"size="10">
</td></tr><tr><td>Adress:</td>
<td>
<input type="text"Name="AD"size="50">
</td></tr>
</table>
<input type="submit">
</form>
<hr>
<form action="mailto:youremail@yahoo.com"method="post"enctype="text/plain">
<dl>
<dt><b>How would you like to pay?<b>
<dd><input name="Pay"type="Radio"value="Cash"checked>Cash
<dd>
<input name="Pay"type="Radio"value="cheque">Cheque
<dl><dt>Credit Card
<dd>
<input Name="Pay"Type="radio"Value="Visa">Visa
<dd><input name="Pay"Type="radio"value="MC">Master Card
<dd><input name="pay"Type="radio"value="AE">American Express
</dl></dl>
<input type="submit"value="send">
</form>
</body>
</html>
</form>
</body>
</html>
Output
HTML Code
Output 
Note: Type your email id(youremail@yahoo.com) where indicate red colour.

How To Create a Beautiful Table in your blog

The Table is group of some row and some column.The HTML table model allows authors to arrange data , text, preformatted text, images, links, forms, form fields, other tables, etc.  into rows and columns of cells.

To create blogger table blogger post following the step below :


 
How To Create a Beautiful Table in your blog
  • Copy the Generated code from the website (Quackit or Basix ) 
  • Paste this code in your Post . Note : Post Editor Must be in HTML mode.
  • Finally,Publish your Post.
Enjoy It! 

Feature Article

Popular Posts

Recommended Article

Loading...

Live cricket