JavaScript

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

CD2Y 2021. 10. 4.
반응형

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

 

 

<h3>문자 템플릿은 역따옴표 ``</h3>
<p id="st"></p>
<script>
let st1 = `문자 템플릿은 역따옴표로 묶는다.`;

  // 문자 템플릿은 역따옴표를 사용한다. Esc키 아래에 있는 거
document.getElementById("st").innerHTML = st1;
</script>
▸ 역따옴표 안에 따옴표 표시는 `내용 "내용"` 으로 쓴다.

▸ 역따옴표 안의 문자는 여러줄로 쓸 수 있다.


<h3>변수 대체하기 $()</h3>
<p id="sv"></p>
<script>
let svt1 = "언제 죽을지 결정할 수 있다면";
let svt2 = "행복할 것이다.";
let svt3 = "아뮈터블~"

let svt = `내가 ${svt1} ${svt2} ${svt3}`;

document.getElementById("sv").innerHTML = svt;
</script>

<p id="sv1"></p>
<script>
let n1 = 6;
let n2 = 99;
let n3 = 0.7;

let n = `계산 : ${(n1 * (44 - n2) / n3).toFixed(4)}`;

document.getElementById("sv1").innerHTML = n;
</script>

반응형