반응형
html 파일 작성 및 코드 작성
<!DOCTYPE html>
<html>
<head>
<title>simple alert in javascript</title>
</head>
<body>
<div>
<button onclick="press()">click here</button>
</div>
</body>
<style>
div {
display: flex;
flex-direction: row;
justify-content: center;
}
button {
border: 2px solid orange;
background-color: orange;
color: #fff;
font-family: sans-serif;
}
</style>
<script>
function press() {
let notification = alert('Congrats!');
}
</script>
</html>'css' 카테고리의 다른 글
| 블로그 SEO에 영향을 미치는 초점 (0) | 2022.02.17 |
|---|---|
| TIL - CSS 삽입 특성 속기 (0) | 2022.02.17 |
| 백분율(%) 단위로 작업할 때 내포된 CSS 규칙 (0) | 2022.02.17 |
| HTML, CSS 및 Javascript를 사용한 애니메이션 사이드바 탐색 패널 (0) | 2022.02.17 |
| CSS 박스 모델 설명! (0) | 2022.02.17 |
댓글