【JavaScript】クリックしたら色が変わる機能をつけたい

JavaScript

JavaScriptで、クリックをすると色が変わるdiv要素を作っていきます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<body>
  <div class="box" id="target">★
  </div>
</body>

.box{
  width: 100px;
  height: 100px;
  background: skyblue;
  cursor: pointer;
}

'use strict';
document.getElementById('target').addEventListener('click',function(){
  document.getElementById('target').style.background = 'pink';
})

JavaScriptのaddEventListenerの引数に当たるfunctionは、複数の処理を1つにまとめるものなので、以下のように書くことも可能。

'use strict';
document.getElementById('target').addEventListener('click',function(){
  document.getElementById('target').style.background = 'pink';
  document.getElementById('target').style.borderRadius = '50%';　★
})