background color 바꾸기 버튼 만들기

 
  
 
background  color change button 만들기
     


 
<div id="hera">
  <input type="button" value="black" onclick="target();t.className='black'";/>
   <input type="button" value="white" onclick="target();t.className='white'";/>

<script>
    var t=document.getElementById('hera');
  function target(){
   document.getElementById('hera');t.className="black";
   document.getElementById('hera');t.className="white";
    }
  </script>
<style>
  #hera{
    width:100%:height:auto;
    border:1px solid red;
    border-radius:0.5em;
    }
  .black{
    background:black;
    color:white;
    font-size:1.5rem;
    }
     .white{
      background:white;
     color:black;
     font-size:1.5rem;
    }
  </style>