Change Font Size On Button Click Using JQuery


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”&gt;
<html xmlns=””&gt;
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>


<input type=”button” value=”Smaller”/><input type=”button” value=”Bigger”/>
<p>Hello World</p>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”small.js”></script>



// JavaScript Document


var a = $(this).val();


function resize(val)
var px = parseInt($(‘p’).css(‘font-size’));

if(val == ‘Smaller’)
$(‘p’).css(‘font-size’,(px-2) +’px’);

else if(val == ‘Bigger’)
$(‘p’).css(‘font-size’,(px+2) +’px’);









Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s