toggleメソッド

俺が言いたいのはJavaScriptのtoggle()だった

code:js

div.classList.toggle('hoge')

DOMTokenListのメソッド

code:html

<div></div>

code:js

const div = document.querySelector('div');

div.addEventListener('click', e=>{

div.classList.toggle('radius')

})

code:css

div {

height: 5rem;

width: 5rem;

background-color: red;

transition: all 250ms ease-in;

}

.radius {

border-radius: 50%;

background-image:radial-gradient(

circle at top,

red 30%,

);

}