Javascript 구문의 사용

 

Javascript 구문의 사용

 

• {{ concatenatedString() }} : JavaScript 함수 concatenatedString()의 반환 값을 화면에 출력한다. 이 함수는 string1과 string2를 결합하여 "Hello world!" 문자열을 반환한다.
• {{ checkNum(date) }} : checkNum() 함수의 반환 값을 화면에 출력한다. 이 함수는 현재 날짜(date)에서 3년 후의 날짜를 계산하고 해당 날짜를 문자열 형식으로 반환한다.

 

// HTML
<template>
	
  <p>{{ concatenatedString() }}</p>
  <p>{{ checkNum(date) }}</p>
  
</template>

// Javascript
<script setup>
  
  const string1 = 'Hello ';
  const string2 = 'world!';
  
  function concatenatedString() {
      return string1 + string2;
  }

  const date = new Date();

  function checkNum(date) {
      const date3YearsLater = new Date(date.getFullYear() + 3, date.getMonth(), date.getDate());
      return date3YearsLater.toDateString();
  }

</script>

---