inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 자바스크립트

이벤트 리스너 맛보기

자바스크립트에서 줄바꿈을 하고싶습니다.

해결된 질문

20550

작성자 없음

작성한 질문수 0

1

영상 너무 감사히 보고있습니다. 너무 잘 설명해 주셔서 감사드립니다. 너무 설명이 좋아서 이 시리즈가 끝나면 다른 시리즈도 계속 보고싶을 정도입니다.

제가 끝말잇기 프로그램을 따라서 만들고 있는데요. 현재 입력된 단어를 받으면서 원래 있던 단어가 지워지지 않고 계속 기록이 남아있는 상태로 계속 추가하고 싶은데요. 

중간에

단어.textContent = 단어.textContent + '\n' +입력창.value;

이런식으로 하니깐 줄바꿈이 안되던데 줄바꿈을 하려면 어떻게 해야할까요?

영상 항상 감사히 보겠습니다. 좋은 하루되세요~

var 바디 = document.body;

var 단어 = document.createElement('div');
단어.textContent = '제로초';
document.body.append(단어);

var = document.createElement('form');
바디.append();

var 입력창 = document.createElement('input');
.append(입력창);

var 버튼 = document.createElement('button');
버튼.textContent = '입력!';
.append(버튼);

var 결과창 = document.createElement('div');
결과창.textContent = '결과';
document.body.append(결과창);


.addEventListener('submit', function (이벤트) {
이벤트.preventDefault();
if (단어.textContent[단어.textContent.length - 1] === 입력창.value[0]) {
결과창.textContent = '딩동댕';
단어.textContent = 단어.textContent + '\n' +입력창.value;
입력창.value = '';
입력창.focus();
} else {
결과창.textContent = '땡';
입력창.value = '';
입력창.focus();
}

});

javascript

답변 2

5

제로초(조현영)

이 경우는 textContent대신에 innerHTML을 하시고 <br>태그를 중간에 넣으셔야겠습니다.

'\n' 자리에 '<br/>' 문자열 넣으시면 됩니다. HTML에서는 <br>이 줄바꿈이라서요.

0

밤낮 코딩

감사합니다. 덕분에 해결되었습니다. 좋은 하루 되세요^^

iput 입력글자 제한에러...

0

228

0

리팩토링 관련 질문입니다. (자스스톤)

0

277

1

카드 짝맞추기 react-native

0

342

0

필터 메소드 관련 질문입니다.

0

340

1

가위바위보 게임 질문드립니다~

0

205

1

자바스크립트 기초에 관해서 질문있습니다.

0

210

1

질문입니다.

1

360

1

이벤트 리스너 안에서 동작 질문드립니다.

0

328

2

질문드립니다.

0

192

0

안녕하세요 깊은 복사 부분에서 질문 있습니다.

0

246

1

document.createElement('')함수에서

0

251

2

안녕하세요 클로저 부분에서 질문 있습니다.

0

281

1

안녕하세요 제로초님

0

741

1

끝말잇기 화면에 출력 반복문을 이용해서 횟수 제한

0

247

1

안녕하세요 제로초님 질문있습니다

0

319

1

안녕하세요 강의 정말 잘시청하고있습니다.

0

278

3

?

0

154

1

틱택토 게임에서 게임이 끝나고

0

568

1

9 곱하는게 이해가 안 되요~

0

175

1

지뢰찾기 에러잡아내기에서 질문있습니다!

0

463

4

지뢰찾기 에러 관련 질문!

0

486

3

리팩토링에 관한 질문입니다.

0

246

2

Array/Object spread

0

206

1

지뢰찾기게임에서 Math.random() 질문

0

225

1