日曜日, 1月 21, 2024

Let's start JavaScript 20 
pythonのソースをHTML(JavaScript)記述で

pythonで作成したプログラムをHTML(JavaScript)で記述してみました。

■今日は1円。明日は2円、明後日は4円というように翌日には2倍の金額をもらえるとき、その日にもらえる額が1000円を超える日を表示する。
<!--over1000.html-->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport"
        content="width=device-width, initial-scale=1.0">
<title>金額計算</title>
</head>
<body>
<script>
var currentAmount = 1; // 初日の金額
var dayCount = 1; // 初日からの日数

while (currentAmount <= 1000) {
currentAmount *= 2; // 翌日に2倍の金額をもらう
dayCount++; // 日数をカウント

if (currentAmount > 1000) {
// 合計が1000を超えた日数と金額を表示
document.write("<p>" + dayCount + "日目: "
                    + currentAmount + "円</p>");
}
}
</script>
</body>
</html>
<!--over1000.html-->

■入力した数値が60以上なら「合格」と表示し、60未満なら「赤点!」と表示。
<!-- eligibility.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
        content="width=device-width, initial-scale=1.0">
<title>成績判定</title>
<script>
function checkScore() {
// ユーザーからの入力を取得
var score = document.getElementById("score").value;

// 条件に基づいてメッセージを表示
if (score >= 60) {
document.getElementById("result").innerHTML = "合格";
} else {
document.getElementById("result").innerHTML = "赤点!";
}
}
</script>
</head>
<body>
<label for="score">点数を入力してください:</label>
<input type="text" id="score">
<button onclick="checkScore()">成績判定</button>

<p id="result"></p>
</body>
</html>
<!-- eligibility.html -->

■相手の名前を入力すると「●●さん、好きです!」と表示し、次に本気度(%)を入力すると、それが80より大きければ「ありがとう!」、80以下30以上なら「ごめんなさい」、30未満なら「えっ??」と表示。
<!-- preferences.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
        content="width=device-width, initial-scale=1.0">
<title>感情表明</title>
<script>
function showLoveMessage() {
// 相手の名前を取得
var name = document.getElementById("name").value;

// 本気度を取得
var seriousness = document.getElementById("seriousness").value;

// メッセージを表示
document.getElementById("result").innerHTML
                = name + "さん、好きです!";

// 本気度に基づいて追加のメッセージを表示
if (seriousness > 80) {
document.getElementById("result").innerHTML
                += "<br>ありがとう!";
} else if (seriousness >= 30) {
document.getElementById("result").innerHTML
                += "<br>ごめんなさい";
} else {
document.getElementById("result").innerHTML
                += "<br>えっ??";
}
}
</script>
</head>
<body>
<label for="name">相手の名前を入力してください:</label>
<input type="text" id="name"><br>

<label for="seriousness">本気度を入力してください(%):</label>
<input type="text" id="seriousness"><br>

<button onclick="showLoveMessage()">感情表明</button>

<p id="result"></p>
</body>
</html>
<!-- preferences.html -->