javascript 버튼 클릭시 alert 창 표시하기
- programming/JavaScript & CSS
- 2017. 2. 6. 03:40
반응형
Javascript에서 버튼 클릭시 alert창 표시하기
초급 개발자로 회사에 입사해서 바로 실무로 투입..
그리고 3개월... ㅋㅋ 구글링 실력이 점점 좋아지고 있네요..
Javascript를 이용해서 버튼 클릭시 alert창 표시하는 샘플 코드 입니다.
스크립트 소스 코드
<script>
function btn(){
alert('버튼이 클릭되었습니다');
}
</script>
HTML 소스 코드
<html>
<head>
</head>
<body>
<button onclick="javascript:btn()"> 버튼 </button>
</body>
</html>[소스 실행]
그러면 이제 자바스크립트로 값을 넘겨서 alert 창에 내용이 입력되도록 수정 해보겠습니다.
스크립트 소스 코드
<script>
function btn(sample){
alert(sample);
}
</script> HTML 소스 코드
<html>
<head>
</head>
<body>
<button onclick="javascript:btn('1번 버튼 클릭' )"> 1번 버튼 클릭 </button> <br>
<button onclick="javascript:btn('2번 버튼 클릭' )"> 2번 버튼 클릭 </button>
</body>
</html> [소스 실행]
|
|
반응형
'programming > JavaScript & CSS' 카테고리의 다른 글
| 스프링(Spring) 개발을 위한 STS(Spring Tool Suite) 설치방법 (2) | 2019.07.11 |
|---|---|
| 안드로이드 app개발을 위한 안드로이드 스튜디오 다운로드 (0) | 2019.06.20 |
| java개발을 위한 JDK 설치하기 (0) | 2019.06.20 |
| javascript 문자열 표시 DOM write 와 writeln 메서드 사용 및 비교 (0) | 2019.04.30 |
| 정규 표현식 (Regular expression) 정리 (0) | 2017.03.02 |
