初めてのWEBアプリ（カウンター）

Question

初めてのWEBアプリ制作（カウンターづくり）
クリックしてカウントができる以下のようなwebアプリケーションが作りたいのですが
何から手をつけていいのやらさっぱりわかりません。htmlとcssはできるのですが
それ以外の言語は何が必要で、シンプルに作成できるのか教えていただきたいです。
自分で調べた限りではPHPで作るアクセスカウンターの技術が似て気がするのですが
ボタンでカウントができないし好きな文字列も入れられないので応用は難しいのかな？という感じです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

http://javascript-style.hatenablog.com/entry/2018/12/21/093000
このカウンターを真似したりはしました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

>このカウンターを真似したりはしました。
真似たものとご自身が試したこと、そのコードは別物です。
まずはそのコードを提示しましょう。

[退会済みユーザー]

完全なるコピペなので試したってことにはならないですね、、、

Answer 1

目的の物を作るのに参考になる記事を見つけました
以下のものを参考に改造していくのが一番早そうです。
言語はJavaScriptになります
http://javascript-style.hatenablog.com/entry/2018/12/21/093000

Comments

[退会済みユーザー]

あ、今丁度そのページを見て改造してる最中で
ボタンをテーブルにはめ込むところまでしました。
あとは入力した数値がサーバに行って
帰ってきた数値や文字列が
任意の場所に表示されれば成功って認識であってますかね？

[Kazuyuki-T0806]

あってます！

[退会済みユーザー]

早速返信いただき感謝いたします。ありがとうございます。
その工程は参考になる記事とかはあったりするんでしょうか？
サーバサイドの知識は皆無なのでなんと検索すればいいのか
だけでも教えていただきたいのですが、、、

[Kazuyuki-T0806]

よくやるのは、alert(変数); を使ってデータがどうなっているかを確認しながらやっています
詰まった際は値がちゃんと入っているかを確認していくのが一番解決しますね
https://techacademy.jp/magazine/5486

[退会済みユーザー]

htmlに＜script＞alert();＜script/＞を書くとポップアップが出ることは理解しました。
これで値がちゃんと入っているかを確認するには
どこを挟むのでしょうか？

Answer 2

フロントエンド部分から始めるならまずはJavaScriptじゃないですか。

データを保存したりとかのバックエンドも作りたくなってもnode.jsとかサーバーサイドでJavaScriptを使う方法もありますし、そこは全然別の言語にしてもいいですし。

Comments

[退会済みユーザー]

まずフロントエンド部分から始めるのですね！
そういう指標が見えてこなかったので大変参考になります。
ありがとうございます！