프롬프트로 숫자 데이터 값을 받아서, 출력하는 공간에 첫번째 숫자를 제외한 나머지 숫자만 출력되도록 해보기.
HTML / STYLE
<style>
body {
width: 500px;
margin: 0 auto;
}
div {
font-size: 25px
}
</style>
<body>
<h1>원래 배열</h1>
<div id="origin"></div>
<h1>첫번째 요소를 제외한 배열</h1>
<div id="result"></div>
</body>
Javascript
const origin = document.querySelector("#origin");
const result = document.querySelector("#result");
// 출력할 공간 정의
const num = prompt("숫자를 입력하세요");
origin.innerText = num;
if(num.length > 1) {
result.innerText = num.slice(1);
} else if(num.length == 1) {
result.innerText = num;
} else {
alert("숫자를입력하세요")
}처음에 나는 if 조건문을 사용하여 코드를 작성했다.
const origin = document.querySelector("#origin");
const result = document.querySelector("#result");
// 출력할 공간 정의
const num = prompt("숫자를 입력하세요");
function tail(e) {
let n = "";
if(e.length > 1) {
n = e.slice(1);
} else {
n = e;
}
return n;
}
result.innerText = tail(num);그러나 이렇게 함수를 사용할 수도 있다. 더 간단해 보인다.
const origin = document.querySelector("#origin");
const result = document.querySelector("#result");
// 출력할 공간 정의
const num = prompt("숫자를 입력하세요");
const tail = (e) => {
let sum = e.length > 1 ? e.slice(1) : e;
return sum;
}
result.innerText = tail(num);더 간단하게 삼항조건 연산자를 사용할 수도 있다.
'Javascript > GMA(2302~)' 카테고리의 다른 글
| 23.04.26 자바스크립트 배열객체 메서드, 내장객체 Map( ), Set( ) (0) | 2023.04.26 |
|---|---|
| 23.04.25 자바스크립트 함수,객체,변수 심화내용 (0) | 2023.04.26 |
| 23.04.25 자바스크립트 배열객체 예제 (0) | 2023.04.26 |
| 23.04.25 자바스크립트 문자열,배열객체 예제 (0) | 2023.04.26 |
| 23.04.25 자바스크립트 배열객체 심화 (0) | 2023.04.26 |
