■ フォリクラプログラミング部開講です。
今日はサンプルプログラムのソースコードを公開します。
下記のソースコートをコピペしてxxx.htmlで保存して実行してみてください。
ソースコード(HTML、CSS、JavaScriptで作成しています)
<!DOCTYPE html>
<html lang="ja">
<style>
body {
padding:50px;
background-color: white;
}
body #title {
color:darkblue;
font-size : 40px;
}
body #button1 {
background-color: yellow;
border: 1px solid yellow;
padding: 20px 100px;
border-radius: 12px;
font-size:20px;
color: indianred;
}
p #ichi {
text-align: center;
}
body #div1 {
font-size:100px;
color:red;
}
</style>
<head>
<meta charset="utf-8">
<title>アルファラジュのアンケート</title>
</head>
<body>
<h1 id = "title">アルファラジュアンケートフォーム</h1>
<form method="POST" action="アルファラジュ.html" enctype="text/plain">
アルファラジュはフォリからどうなって欲しい?:<select id = "ans1">
<option value="フォリから永久追放" >フォリから永久追放</option>
<option value="フォリアク禁">フォリアク禁</option>
</select>
アルファラジュのイメージ:<select id = "ans2">
<option value="在日韓国人">在日韓国人</option>
<option value="ショタコン">ショタコン</option>
<option value="キチガイ">キチガイ</option>
<option value="ニート">ニート</option>
</select>
<p id="ichi">送信ボタン</p>
<input type="button" id="button1" value="書き込み" onclick="fuori()">
</form>
<br>
<div id="div1"></div>
<script language="javascript" type="text/javascript">
//変数の定義
const button1 = document.getElementById('button1');
const fuori = () => {
if (window.confirm('書き込んでも宜しいですか?')) {
div1.innerText = `アルファラジュはフォリからどうなって欲しい:${ans1.value}、アルファラジュのイメージ?:${ans2.value}`;
}
}
</script>
</body>
</html>
[ 2021年05月08日 - 18:44 ]
(05/09 - 14:01) 誰にも相手にされてなくて可哀想。1人自演してて悲しくないの?
(05/09 - 13:53) あいつ来ないな、ビビッてんのかな。