Focus To Learning

HTML programming code showing change in font color

March 13, 2021

CODING

  
<html>

<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>change font style</title>
</head>
<body>
<center>
<h4>Changing Font Color</h4>
<button onclick="redcolor()">Red</button>
<button onclick="greencolor()">Green</button>
<p id='red'>We are changing here font color</p>
</center>
</body>

<script>
function redcolor() {
     var str = "We are changing here font style";
     var result = str.fontcolor('red');
     document.getElementById("red").innerHTML = result;     
}
function greencolor() {
     var str = "We are changing here font style";
     var result = str.fontcolor('green');
     document.getElementById("red").innerHTML = result;     
}
</script>
</html>

OUTPUT

NOT CLICKED ANY BUTTON OUTPUT

CLICKED RED BUTTON OUTPUT

CLICKED GREEN BUTTON OUTPUT

HTML programming code showing change in font color

CODING

OUTPUT

Post a Comment

0 Comments

Facebook

Labels

Random Posts

MOTIVATIONAL

Popular Posts

how to make online money learn easy way in hindi

HTML programming code showing change in font color

TEXT FORMATTING IN HTML in hindi

HTML programming code showing change in font color

CODING

OUTPUT

You may like these posts

Post a Comment

0 Comments

Facebook

Labels

Random Posts

MOTIVATIONAL

Popular Posts

how to make online money learn easy way in hindi

HTML programming code showing change in font color

TEXT FORMATTING IN HTML in hindi