728x90
📌Javascript 화살표함수 종류
| input X | input O | |
| output X | const fun_name = () => {} | const fun_name = (input) => {} |
| output O | const fun_name = () => {output} | const fun_name = (input) => {output} |
📌예제 1 - input ❌ & output ❌
<body>
<input type="button" value="click" onclick="message()">
<script>
const message = () => { alert("열심히 살고싶어..!")}
//function message(){alert("열심히 살아야지..!")} 와 같은 역할
</script>
</body>
📌예제 2 - input ❌ output ⭕
<script>
const sayHello = () =>
{message = "오늘도 안녕하신지요?"
return message}
document.write(sayHello())
</script>
📌예제 3 - input ⭕ output ❌
<script>
const sayHello = (name) =>
{message= "내 블로그 이름은 '"+ name + "'(이)야"
document.write(message)}
sayHello("열심히 살고싶어 오늘도")
</script>
📌예제 4 - input ⭕ output ⭕
<script>
const sayHello = (name) =>
{message= "내 블로그 이름은 '"+ name + "'(이)야"
return message}
sayHello("열심히 살고싶어 오늘도")
document.write(message)
</script>위에와 같은 코드지만 return을 해주어 output을 만들어 준 것이다.
728x90
'열심히 코딩할래 > AI 해볼까' 카테고리의 다른 글
| [MS Azure] 애저로 윈도우 가상환경 만들기 (0) | 2023.04.24 |
|---|---|
| [MS Azure] 학생용 애저 마이크로소프트 무료로 서버 사용하기 (0) | 2023.04.23 |
| [CSS] 수도선택자(Pseudo Selector) : 링크 꾸미기, 마우스 놓으면 바뀌게하기 (0) | 2023.04.07 |
| [CSS] 글씨 꾸미기, 글자 크기(font-size),폰트(font-family), font-style (0) | 2023.04.06 |
| [HTML] table 테이블과 엘리먼트, 예제, 행 합치기, 열 합치기, 테이블 꾸미기 (0) | 2023.04.06 |