Hiện cảnh báo đẹp html css angularjs javascript
Đây là một ví dụ về cảnh báo đẹp được tạo bằng HTML, CSS, AngularJS và JavaScript:
HTML:
```html
{{message}}
```
CSS (styles.css):
```css
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.alert {
padding: 15px;
border-radius: 5px;
color: white;
font-weight: bold;
text-align: center;
width: 300px;
}
.success {
background-color: #4CAF50;
}
.error {
background-color: #f44336;
}
```
JavaScript (script.js):
```javascript
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.success = true;
$scope.error = false;
$scope.message = "This is a beautiful alert!";
});
```
Trong ví dụ này, chúng ta sử dụng AngularJS để điều khiển việc hiển thị cảnh báo và thay đổi màu sắc của nó dựa trên các biến `success` và `error`. Khi `success` là true, cảnh báo sẽ có màu xanh lá cây và khi `error` là true, cảnh báo sẽ có màu đỏ. Message sẽ hiển thị nội dung cảnh báo.