onclick에 인수 넣을 때

onclick에 인수 넣을 때 

 

<button onclick="btnReset('5')">상태변경</button>

 

일을 하다보면 습관적으로 넣는 이상한 버릇이 있다.

 

내가 왜 이렇게 넣나를 생각했을 때 

 

<button onclick="'${vo.stat}'">상태변경</button>

 

이런식으로 jstl을 가져와서 넣는게 습관이다 보니까

 

문자열이든 숫자이든 상관없이 계속 onclick 내에 작은 따옴표를 넣는 습관이 들었다.

 

그렇지만 이건 필요가 없는 짓을 하고 있었던 것이다.

 

구글링하기보다 chatGPT에 물어서 사용법을 알아보았다.

---

HTML의 onclick 이벤트에서 함수를 호출할 때 인수를 따옴표에 넣어야 하는지 여부는 인수의 타입에 따라 달라집니다.

1. 문자열 인수:

문자열 인수를 전달할 때는 따옴표를 사용해야 합니다. 이는 자바스크립트에서 문자열을 표현하는 규칙입니다.

<button onclick="myFunction('hello')">Click Me</button>

여기서 'hello'는 문자열이므로 따옴표로 감싸야 합니다.

2. 숫자 인수:

숫자 인수는 따옴표 없이 사용할 수 있습니다.

<button onclick="myFunction(123)">Click Me</button>

여기서 123은 숫자이므로 따옴표가 필요 없습니다.

3. 불리언 값 (true/false):

불리언 값도 따옴표 없이 사용합니다.

<button onclick="myFunction(true)">Click Me</button>

 

여기서 true는 불리언 값이므로 따옴표가 필요 없습니다.

4. 변수나 객체:

자바스크립트 변수나 객체를 인수로 전달할 때도 따옴표를 사용하지 않습니다.

<button onclick="myFunction(someVariable)">Click Me</button>

 

여기서 someVariable은 자바스크립트 변수이므로 따옴표가 필요 없습니다.

요약:

• 문자열: 반드시 따옴표(' 또는 ")를 사용해야 합니다.
• 숫자, 불리언, 변수, 객체: 따옴표 없이 사용합니다.

따라서 인수가 문자열이 아닌 경우에는 따옴표를 생략할 수 있습니다. 이를 통해 자바스크립트에서 기대한 대로 인수가 올바르게 전달됩니다.

---