Javascript / UUID, 아이템 생성하기

Question

새로운 아이템 항목을 만들어서 새로운 아이템 열을 클릭하면 첫번째 체크박스가 클릭되면서 해당열의 아이템이 crossout 됩니다.그래서 uuid를 체크박스에 넣었는데, 새로운 아이템이 생성되지 않습니다.새로운 아이템 생성하고해당 열을 클릭하면 체크박스가 체크되면서 글자가 cross out되고계속 innerHTML 사용을 유지하고 싶은데어떻게 해야할까요?import { v4 as uuidv4 } from 'uuid'; const items = document.querySelector('.items'); const input = document.querySelector('.footer_input'); const addBtn = document.querySelector('.footer_button'); const form = document.querySelector('.new_form'); form.addEventListener('submit', (event) => { event.preventDefault(); onAdd(); }); function onAdd() { const text = input.value; if (text === '') { input.focus(); return; } const item = createItem(text); items.appendChild(item); item.scrollIntoView({ block: 'center' }); input.value = ''; input.focus(); } let id = 0; let myuuid = uuidv4(); function createItem(text) { const itemRow = document.createElement('li'); itemRow.setAttribute('class', 'item_row'); itemRow.setAttribute('data-id', id); itemRow.setAttribute('myuuid', myuuid); itemRow.innerHTML = `

${text}

`; id++; return itemRow; }

codezzzz · Answer

let myuuid = uuidv4(); 가 createItem함수안에 있어야 할꺼같네요

Javascript / UUID, 아이템 생성하기

1개의 답변

Q&A 목록