omas-public/janken.html

## janken.html
<!DOCTYPE html>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
    h1 {
        color: black;
        font-size: 42px
    }

    p {
        color: red;
        font-size: 32px
    }
</style>
<script>
    const $ = id => document.getElementById(id)
    window.addEventListener('load', () => {
        $('button').addEventListener('click', main)
    }, false)

    function main() {
        const hand = Math.floor(Math.random() * 3)
        const hands = {
            '0': {
                path:'stone.png'
                ,message:'あいこ'
            },
            '1': {
                path:'cissor.png'
                ,message:'負け'
            },
            '2': {
                path:'paper.png'
                ,message:'勝ち'
            },
        }
        $('player').src = `./image/${hands[hand].path}`
        $('message').innerText = hands[hand].message
    }
</script>

<h1>じゃんけんゲーム(相手はグー)</h1>
<div id="image">
    <img src="./image/stone.png" alt="dummy" id="computer">
    <img src="./image/stone.png" alt="dummy" id="player">
</div>
<button id="button">Game Start</button>
<div id="message"></div>
	<!DOCTYPE html>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
	h1 {
	color: black;
	font-size: 42px
	}

	p {
	color: red;
	font-size: 32px
	}
	</style>
	<script>
	const $ = id => document.getElementById(id)
	window.addEventListener('load', () => {
	$('button').addEventListener('click', main)
	}, false)

	function main() {
	const hand = Math.floor(Math.random() * 3)
	const hands = {
	'0': {
	path:'stone.png'
	,message:'あいこ'
	},
	'1': {
	path:'cissor.png'
	,message:'負け'
	},
	'2': {
	path:'paper.png'
	,message:'勝ち'
	},
	}
	$('player').src = `./image/${hands[hand].path}`
	$('message').innerText = hands[hand].message
	}
	</script>

	<h1>じゃんけんゲーム(相手はグー)</h1>
	<div id="image">
	<img src="./image/stone.png" alt="dummy" id="computer">
	<img src="./image/stone.png" alt="dummy" id="player">
	</div>
	<button id="button">Game Start</button>
	<div id="message"></div>