🌸 「なでしこ」
>
🍯 「貯蔵庫」
🍯 なでしこ3貯蔵庫
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
ログイン
していません。
[
📌文法
] [
🎨命令一覧
]
[編集モード] 天気の結果を時計に組み込む
天気の結果を時計に組み込むプログラム
プログラム:
(→大)
(→textarea)
(→左右に配置)
#---画面設計---(*1) 6回、改行作成。 時計ラベル=(今)のラベル作成。 3回、改行作成。 情報ラベル=「」のラベル作成。 #天気APIを呼び出す---(*2) 天気=「」 都市=「仙台」 API=「https://api.aoikujira.com/tenki/week.php?fmt=json&city=「都市」 APIにAJAX送信した時には 対象をJSONデコードしてJに代入。 天気=J[都市][0][“forecast”] 天気スタイル設定。 ここまで。 #時計を更新する---(*3) 1秒タイマー開始した時には 時計ラベルに今をテキスト設定。 ここまで。 #---天気に応じたスタイルを設定---(*4) ●天気スタイル設定とは 情報ラベルにテキスト設定。 背景色は「ffe0e0」。 文字色は黒色。 雨=「0」 天気で雨が何文字目。 もしそれが1以上ならば 背景色は青色。 文字色は白色 ここまで。 時計ラベルに{ “背景色”:背景色, “色”:文字色, “余白”:10px, “マージン”:20px, 文字サイズ:130px, }をDOMスタイル一括設定。 ここまで。
▶ 実 行 [F9]
クリア
一時保存
デバッグ
ブレイクポイント:
→ 再開
↓ 一行次へ
キャンバス: 幅
× 高
上書き保存
表示ページ
→直前に実行(または一時保存)した内容を復元
なでしこバージョン: v
素材のアップロード
ログイン
するとファイルをアップロードできます。