1. 오늘 날짜 출력하기
<script>
let today = new Date();
document.write(today.getMonth()+1, "월",today.getDate(),"일");
</script>
3. 0부터 1000000까지 합하는 코드의 실행시간 측정시간을 출력하시오
<script>
let start = performance.now();
let sum = 0;
for(let i=0; i<=1000000;i++){
sum += i
}
let end = performance.now();
document.write(end - start)
</script>
5. 글자를 받아와서 첫글자를 대문자로 바꿔서 출력하
<body>
<p id="a"></p>
<br><button onclick="strCap('hong')">첫글자 대문자로 변환</button>
<script>
let strCap = (str) => {
let word = str[0].toUpperCase()
let newWord = str.replace(`${str[0]}`,`${word}`)
document.getElementById("a").innerHTML = str + " -> " + newWord
}
</script>
</body>
아쉽다... 찾아보니 prompt를 쓰면되더라.
아래처럼 했는데 str을 굳이 매개변수로 쓰지 않아도 출력이 되서 이상하다 여김.
어떻게 수정이 가능할까 싶었는데 인터넷을 쳐도 안나오길래 gpt한테 물어봄
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="a"></p>
<script>
let strCap = (str) => {
str = prompt("단어를 입력하시오.")
let word = str[0].toUpperCase()
let newWord = str.replace(`${str[0]}`,`${word}`)
document.getElementById("a").innerHTML = str + " -> " + newWord
}
strCap();
</script>
</body>
</html>
아래처럼 str 파라미터를 선언하고 나서.
strCap(str)을 호출할 때. str을 안에서 단어를 입력받도록 하는 변수인 inputStr을 입력해주면 되는 것이었다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="a"></p>
<script>
let strCap = (str) => {
let word = str[0].toUpperCase();
let newWord = str.replace(`${str[0]}`,`${word}`);
document.getElementById("a").innerHTML = str + " -> " + newWord;
}
let inputStr = prompt("단어를 입력하시오.");
strCap(inputStr);
</script>
</body>
</html>
|
cs |
'🗃️javascript > DOM 조작' 카테고리의 다른 글
| js 복습 문제들 (0) | 2023.04.14 |
|---|---|
| js 객체 생성(생성자, class), 상속 (0) | 2023.04.13 |
| js 함수[무명함수, 화살표함수, 숫자 맞추기 게임 만들기] (0) | 2023.04.11 |
| 화면 배경색 바꾸기 (0) | 2023.04.09 |
| 문서 객체 다루기(2)[ 스크립트 아래에 노드 추가, 삭제] (0) | 2023.04.05 |