HTML programming code showing change in font color

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

Comments

Post a Comment