[JavaScript] function - parameter

Web/자바스크립트|2022. 9. 28. 17:40

function에는 parameter가 있다...

1. parameter가 뭔가?

- 매개변수다

- 자바스크립트 함수의 매개변수(parameter)는 함수 호출시 데이터를 입력받는 기능이다.

- a랑 b가 매개변수닷..

function multiply(a, b) {
  return a * b
}

multiply(5, 2)  // 10
multiply(5)     // NaN !

2. 어떻게 쓰나?

- 하나의 function을 가지고 parameter를 이용하여 여러 동작을 수행하는 코드

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  
  <button onclick="alertBox('none', ' ')">닫기 버튼</button>
  <button onclick="alertBox('block', '아이디입력하세요')">아이디 버튼</button>
  <button onclick="alertBox('block', '비번입력하세요')">비번 버튼</button>

  <div class="alert-box" id="alert">알림창임</div>
  
  <script>
    function alertBox(parameter, idpw){
      document.getElementById('alert').innerHTML = idpw
      document.getElementById('alert').style.display = parameter;
    }
  </script>
</body>
</html>

 

See the Pen Untitled by lee (@moonthree) on CodePen.

 

- 

저작자표시

'Web > 자바스크립트' 카테고리의 다른 글

[자바스크립트] 변수  (0) 2022.10.19
[자바스크립트] sort()  (0) 2022.10.19
[JavaScript] Selector  (1) 2022.10.01
[JavaScript] function 기초  (0) 2022.09.28
[Javascript] HTML 요소 숨기기, 보이기 이벤트 처리  (0) 2022.09.26

댓글()

티스토리툴바