
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.jsで超簡単なタイピングゲームを作ります - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.jsで超簡単なタイピングゲームを作ります - Qiita
<template> <div id="app"> <div v-if="playing"> <span>{{ pressed }}</span>{{ word }} <br> <br> mis... <template> <div id="app"> <div v-if="playing"> <span>{{ pressed }}</span>{{ word }} <br> <br> miss:{{ miss }} </div> <div v-else>Spaceでスタート</div> </div> </template> <script> export default { data() { return { words: ['apple', 'banana', 'grape'], word: '', pressed: '', miss: 0, playing: false, }; }, created() { addEventListener('keydown', (e) => { if (e.key !== ' ' || this.playing) { return; } this