728x90
<1>
message.js
export function message(msg){
const elem = document.createElement('p');
elem.innerHTML = msg;
document.body.append(elem);
}
main.js
import { message } from './message.js';
message('감성...');
<2>
const likeBtn = document.querySelector('.main-button');
likeBtn.addEventListener("click",function(){
likeBtn.innerHTML="❤"
const likesTab=document.querySelector(".favorites");
const newFavoriteImage=document.createElement("img");
newFavoriteImage.src = "아무사진링크";
const li = document.createElement("li");
li.appendChild(newFavoriteImage);
favorites.appendChild(li);
})
728x90
'Javascript > Javascript' 카테고리의 다른 글
[자바스크립트] crazy this, 헷갈리는 자바스크립트 this 예제 총정리 (0) | 2022.05.22 |
---|---|
[자바스크립트] export default (0) | 2022.05.17 |
[자바스크립트] module 사용법 3가지 (0) | 2022.05.09 |
[자바스크립트] 조코딩-카카오API 활용실습 (0) | 2022.05.07 |
[자바스크립트] how to set query in url javascript (0) | 2022.05.06 |