본문 바로가기
웹코딩 배우기/· JavaScript

문자 템플릿``과 문자 대체$( )

by 닐기 2021. 11. 26.

See the Pen 문자 대체하기 보간 by nilgi (@nilgi) on CodePen.

 

 

let st1 = `문자 템플릿은 역따옴표로 묶는다.`;
  // 문자 템플릿은 역따옴표를 사용한다. Esc키 아래에 있다.
  // 역따옴표 안에 따옴표를 표시하려면 `문자 "문자"` 이렇게 쓴다.
  // 역따옴표 안의 문자는 여러 줄로 쓸 수 있다.
  // let text = `이렇게
  여러 줄로
  사용 가능
  하다`
document.getElementById("st").innerHTML = st1;


let svt1 = "언제 죽을지 결정할 수 있다면";
let svt2 = "행복할 것이다.";
let svt3 = "아뮈터블~"
let svt = `내가 ${svt1} ${svt2} ${svt3}`;
  // 문자 대체는 $(내용)을 사용한다.
document.getElementById("sv").innerHTML = svt;


let n1 = 6;
let n2 = 99;
let n3 = 0.7;
let n = `계산 : ${(n1 * (44 - n2) / n3).toFixed(4)}`;
  // $() 대체로 계산도 할 수 있다.
  // toFixed(소수점 아래 자리수)
document.getElementById("sv1").innerHTML = n;