공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 transitionstart 값은 어디에 주면 되나요 ?
아래 다른 분이 질문해주신 것을 토대로 아래와 같이 코딩을 해서 색을 추가해서 변형하게 끔 만들었는데 이런 경우에 default가 transition end로 되어있는 것 같아, tansitionstart로 값을 변경하려면 어떻게 코딩을 해야할까요 ?
<script>
const ballElem = document.querySelector('.ball');
let A = 1;
window.addEventListener('click', function (e) {
ballElem.style.transform = 'translate(' + (e.clientX - 15) + 'px,' + (e.clientY - 15) + 'px)';
if (A === 1) {
ballElem.classList.add('end');
A = 2;
} else if (A === 2){
ballElem.classList.remove('end');
ballElem.classList.add('end2');
A = 3;
} else {
ballElem.classList.remove('end2');
A = 1;
}
});
</script>