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 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/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>

▶ RUN

Output/ Explanation:

O Level Online Exam

Programming Examples

AngularJS Program to change the background color of box