Javascript alert , if , dom　を使用したもの

f:id:kirikko_Scondcube:20200331130356p:plain — 金額を半角で入れる

f:id:kirikko_Scondcube:20200331130422p:plain — 1600と記入

f:id:kirikko_Scondcube:20200331130519p:plain — 注文しましたと表示される　（入力値が１５００未満だった時ここには注文できませんでしたと表示される）

コード

html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>注文確認</h1>
<h2>アラート内で１５００以上を設定したときにテキスト注文できませんでしたが「注文しました」に変わるよう設定</h2>

<div id="hit">注文できませんでした</div>

<script src="js/main.js"></script>
</body>
</html>

const budget = prompt('所持金を入力してください');
const hit = document.getElementById("hit");

if(budget >= 1500) {
hit.textContent ="注文しました";
};

ここで抑えたい点は

document.getElementByIdでhtml内のID hitを取得し、

それを定数hitとする

textContentの前に設定することでテキストを変更している

ちなみに定数を使用せず

document.getElementById("hit").textContent="注文しました";

でも可能