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

Random Posts

Facebook

Labels

Random Posts

MOTIVATIONAL

Popular Posts

how to make online money learn easy way in hindi

HTML me images kaise use karte hai

HTML programming code showing change in font color