JavaScript 알아보기
'자바스크립트(JavaScript)'는 무엇인가?
자바스크립트(JavaScript)는 HTML 문서 내에서 상호작용을 위한 기능을 추가할 때 사용하는 프로그래밍 언어입니다.
- HTML :
- CSS :
- JavaScript :
<!DOCTYPE html>
<html>
<head>
<title>IT-SEMICOLON</title>
<script>
const para = document.querySelector('p');
para.addEventListener('click', updateName);
function updateName() {
let name = prompt('Enter a new name');
para.textContent = 'Player 1: ' + name;
}
</script>
<style>
p {
font-family: 'helvetica neue', helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid rgba(0,0,200,0.6);
background: rgba(0,0,200,0.3);
color: rgba(0,0,200,0.6);
box-shadow: 1px 1px 2px rgba(0,0,200,0.4);
border-radius: 10px;
padding: 3px 10px;
display: inline-block;
cursor:pointer;
}
</style>
</head>
<body>
<p>Player 1: IT-SEMICOLON</p>
</body>
</html>'..front-end > JavaScript' 카테고리의 다른 글
| 005. JavaScript - Interpreter (0) | 2022.01.04 |
|---|---|
| 004. JavaScript - ECMAScript(ES6) (0) | 2022.01.03 |
| 003. JavaScript - ECMAScript(ES5) (0) | 2022.01.02 |
| 002. JavaScript - ECMAScript 정의 (0) | 2022.01.01 |
댓글