JSFiddle - React, Tailwind, and code Playground

by cedric_tarou

HTML

　<!DOCTYPE html>
　<html lang="en">
　<head>
　  <meta charset="UTF-8">
　  <title>Document</title>
　</head>
　<body>
　  <div id="sample">gender</div>
   <button id="btn">クリックしてね</button>
   
　</body>
　</html>

JavaScript

const btn = document.getElementById('btn');
const sample = document.getElementById('sample');
let checkGender = 'boy';

const changeMessage = () => {
	if(checkGender==='boy'){
		sample.textContent = "girl";
    checkGender = "girl";
  } else {
	sample.textContent = "boy";
  checkGender = "boy";
  }
}

btn.addEventListener('click', (event)=> {
  changeMessage();
  console.log(event.buttons);
});