0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】ダイアログの表示いろいろ

Posted at

##alert( )を使う##


alert('hello!');  

スクリーンショット (28)_LI.jpg

  • 計算式を表示する
  //alert()の引数に「計算式」を指定すると計算結果が表示される
alert(100 + 200);

スクリーンショット (32)_LI.jpg

  • 変数を表示する
  //現在の日時を取得してdという定数に代入
const d = new Date();
  // d から年だけ取得してyearという変数に代入
var year = d.getFullYear();
  //文字列と変数を結合
alert("今は" + year + "年です。");

スクリーンショット(34)_LI.jpg

##confirm( )を使う##

confirm('削除しますか?');

キャンセルとOKが表示される。この場合OKならtrue、キャンセルならfalseが返される。

スクリーンショット (28)_LI.jpg
これをふまえて応用

const answer = confirm('削除しますか?');
  //confirmの返り値をanswerという定数に入れて条件分岐する
if(answer){
  console.log('削除しました!')
else{
  console.log('キャンセルしました!')
}
}
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?