ボタンを押したら運勢を占うシステムを作りたい

HTML&CSS&PHP&Javascript&jQuery?についての質問です。プログラミングは始めたばかりです。
こんなコードを書いてみました。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML&CSS&Javascript&PHPの学習</title> </head> <body> <p>あなたの運勢を占います</p> <?php $i = rand(1,5); if($i==1){ echo '大吉です!'; }elseif($i==2){ echo '中吉です'; }elseif($i==3){ echo '吉です'; }elseif($i==4){ echo '凶です'; }else{ echo '大凶です'; } ?> </body> </html>

このコードなんですが運勢を占うシステムになっています。そこで改良して運勢を占ってみるボタンを押した
ら今日の運勢を出力するシステムを作ってみたいです。またCSSかなにかでその出力した運勢の色とかも変えてみたいです。どのように改良すればいいのかご教授ください。読んでくださりありがとうございました!

退会済みユーザー

2019/12/25 11:32

コーディング作業から仕組みを考える方法で作るのか、webサイト/ページがどうあるべきかお絵かきしてからコーディング作業に入っていくか、これ、卵が先か鶏が先かに見えるけどそういうことじゃない。そもそも何を実現したいのか不明瞭で如何様にも都合よく解釈できてしまう状態なので、webサイトの設計方法やデザインの仕方を習得する方にも時間を割いていただき、「わたしはこういうのが作りたい」と第三者に伝わりやすい説明（絵や図で示すなど）に見直ししていただければよいかと。