ポップアップ無入力の場合の表示が出来ない

入力ダイアログで名前が入力されずにOKボタンが押された場合、「名無し」という名前を表示したいのですが、このコードで実行すると、名前を入力しても、しなくても、書き換えが起こらず、「ようこそさん！」と結果が出ます。
どこがおかしいのかご指導お願い致します、、。

プログラミング初心者です。

m.ts10806

2021/03/11 07:30

コードは画像ではコピペできませんので、テキストにてマークダウンのcode機能にてご提示ください（マークダウンとは、やり方、についてはヘルプ参照）

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

回答2件

流れ的にはこんな感じで

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  var username;
4  if(username=prompt("名前をおしえてください")){
5    document.querySelector('#name').textContent=username;
6  }
7  var rand=Math.floor(Math.random()*5);
8  userresult=["大吉","中吉","小吉","吉","凶"][rand];
9  document.querySelector('#result').textContent=userresult;
10});
11</script>
12<p>ようこそ<span id="name">名無し</span>さん!</p>
13<p>あなたの運勢は<span id="result">不明</span>です!</p>