inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

여러분들 모두 궁금해하실것같은데

296

최민준

작성한 질문수 8

1

SHARE page 에 카카오톡 뿐 아니라 링크를 복사할 수 있게해주는 버튼을 구현할 수 있는영상 만들어주실수있습니까?.. 요청드립니다

javascript bootstrap HTML/CSS

답변 1

0

판다코딩

setShare 함수에서 이미 shareURL이라는 이름으로 링크를 저장하는 변수를 생성합니다.

이 URL로 버튼을 만드시면 됩니다.

<button onclick="copy()">COPY</button>

<script>
function copyToClipboard(val) {
  const t = document.createElement("textarea");
  document.body.appendChild(t);
  t.value = val;
  t.select();
  document.execCommand('copy');
  document.body.removeChild(t);
}
function copy() {
  copyToClipboard('Hello World');
  console.log('Copied!');
}
</script>

https://zetawiki.com/wiki/JavaScript_%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C%EB%A1%9C_%EB%B3%B5%EC%82%AC%ED%95%98%EA%B8%B0

위 코드에서 val 대신 shareURL을 사용하면 될 것 같습니다 :)

0

최민준

카카오 링크 센트 디폴트가 있는데 어디다가 집어넣어야 할지를 모르겠습니다.

0

판다코딩

새로운 함수를 만드시면 됩니다.
카카오톡쉐어 함수에서 만들었던 것과 동일하게 url 역시 새로 생성하시거나,
url을 만드는 부분을 따로 함수로 빼내어 호출해주어도 됩니다.

emmet 에디터 설치 하려고 하는데 안 나오네요

0

154

2

결과 이미지랑 글이 안떠요 왜일까요

0

132

1

select 배열 이해를 도와주세요!

0

366

1

result 에서 결과가 안 나와요.

0

365

1

결과 계산하기에서 콘솔이 다르게 찍힙니다.

0

388

1

다음 버튼을 누르면 다음질문으로 넘어가게 만들고 싶어요.

0

375

1

클론코딩 시

0

367

1

결과페이지 선택값 합산하기

0

351

1

select 부분이 이해가 안가서 질문드립니다 ㅠ

0

383

1

index에서 result 페이지로 이동 질문드립니다.

0

430

1

진행바 강의에서요 스테이터스바가 짤립니다

0

377

1

이미지버전에서 부트스트랩 이미지하고 텍스트도 이용하고 싶어요

0

508

1

viewport 가 제대로 작동을 안해요 뭐가 문제일까요?

0

481

1

결과 페이지별 개별링크버튼 추가

0

352

1

뒤로가기

0

421

1

netlify not found 오류

1

1051

1

아톰 에디터 설치

2

934

1

display:block을 사용하는 이유

1

448

1

qIdx수에 따라 for 문이 돌아요 ㅜ.ㅜ

1

373

1

카카오톡 공유하기

1

579

1

질문 개수 5개에 결과 4개

0

421

1

질문 수를 줄이는 방법

1

387

1

강의 순서

1

263

1

결과페이지에서 result-0,1,23,....html 호출하기

1

351

1