HTML
これまで、トップページ、投票ページを作成してきました。 で、投票ページには投票ボタンと投票結果を表示することにしたのですが、投票の候補者を追加できるようにする必要もあります。 今回はそのためのページを作成していくことにします。 候補者を追加す…
前回、投票ページのHTMLを作りました。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>投票ページ</title> </head> <body> <header> <h1>投票ページ</h1> </header> <main class="vote-main"> <table> </table></main></body></html>
前回言った通り、投票ページでは投票の項目を表すところと、投票の結果を表すところを作ります。 html-css-javascript.hatenadiary.com 投票結果はテーブルのような形になりますので、使うタグは<table>ですね。 <table> <thead> <tr> <th>順位</th> <th>候補者</th> <th>投票数</th> <th>投票ボタン</th></tr></thead></table></table>
前回までで掲示板の骨子はできあがりました。 もくじの「バックエンドを使った掲示板」を見ていただければ、その変遷はわかっていただけると思います。 私もわからなくなるたび、これらの記事を見直すことになります。 で。 フロント側、サーバー側のコード…
さて、前回の最後で２つの問題が生じていました。 1.エンターキーで送信されないこと 2.送信したあとも文字が消えないこと このふたつの問題に対処していきたいと思います。 但し、エンターキーの問題の方について記述したことは完全に無駄足ですので、暇で…
掲示板の書き込みフォームができたので、次は書き込んだ内容を反映させるようにします。 普通はサーバーに書き込んだ内容を送って、返ってきたものを掲示板に反映させるのですが、まずはJavaScriptだけを使ってサーバーは通さず反映させるようにしていきます…
はじめに 前回はAPIの役割についてお話しました。 送られてきたURLエンコード文字列のデータをJavaScript形式にして処理する、といった流れでした。 今回はAPIに実際にデータを送って、ちゃんと送られたか確認します。 やる内容は「名前を書いて送信する」だ…
突然ですが、掲示板を作ることにします。 実は使いたい掲示板があるのですが、まだその掲示板を見たことがないので。 まあ使いたいってのは投票できるタイプの掲示板なんですけどね。 候補についてるボタンを押したら数値が増えて、誰にどれだけ投票したかが…
