大好きカウンターの設置

[galalsword]

トップのお二人の仁王立ち絵のところで、
レイちゃんリオちゃんそれぞれに「大好き」ボタンとカウンターを設置して、
どちらが伸びるか楽しむ。

[Koke1024]

お互いに見えないところで相手の方が少し多くなるようにボタンを連打するところまで想像しました。

[sometrouble]

https://omesis-kawaii.netlify.com/
過去にお試しで作ったものですがちょっと改良すれば使えそうです

DB(スプレッドシート)の構造

API

[sometrouble]

♡マークをクリックするたびレイリオと色が変わりつつ数が加算されます。
レスポンスが帰ってきてからDOM要素を変更してるのでちょっと遅いですね...この辺はうまい感じにAPIで排他制御させつつDOM要素はレスポンスを待たずに書き換えてしまっても良いと思います。