javascriptを用いたおみくじアプリの名前が未入力のときの処理

おみくじアプリを作っています。
名前が入力されていないときに名無しと表示させたいのですが、何も入力されてないと反映されないです。
名前が入力されている時にはきちんとその名前が反映されます。

以下がhtmlです。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="style.css" /> <title>練習</title> </head> <body>

<p>ようこそ<span id="name"> </span>さん！</p>
<p>あなたの運勢は<span id="result">大吉</span>です！</p>
<img src="omikuji.png">
<script type="text/javascript" src="omikuji.js"></script>

</body> </html>

以下がjavaです。
var username;
var userresult;

username = prompt("お名前を教えて下さい。");
if("name" == ""){　//おそらくここが間違っているのですがどうすればいいのかがわからないです。
username = "名無し";
}

document.getElementById("name").innerHTML = username;

takasima20

2020/12/31 12:27 編集

username と比較すればいいんじゃね? ちなみにキャンセル押されたら null になります。

meron132

2020/12/31 12:29

ありがとうございます。usernameと比較したらうまくいきました。

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1if(username === ""){
2  document.getElementById("name").innerHTML = "名無し"
3}else if(username === null){
4  username = prompt("再度入力して下さい。");
5}else{
6  document.getElementById("name").innerHTML = username
7}