Programming Examples

AngularJS Program to change the background color of box


Change the background color of box based on user input

Write a AngularJS Program to change the background color of box by user input.

Solution

<!doctype html>
<html>
	<head>
		<script language="javascript" src="angular.min.js"></script>
	</head>
	<body>
		<h1>Background Changer</h1>
		<div ng-app="" ng-init="myCol='lightblue'">
			<input style="background-color:{{myCol}}" ng-model="myCol">
		</div>

	</body>
</html>
Latest Current Affairs 2024 Online Exam Quiz for One day Exam Online Typing Test CCC Online Test Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Online MBA 2 years Online MCA Online BCA Best Website and Software Company in Allahabad