Click here for free DL of the app version that can save data.

No:7722

1675

←

Prev Next

→

manic-depressive dance
Developer もちきなこ｜Date and time 23/7/9 14:20:55
Build time 9.251 sec｜Game capacity 2.239KB｜

Script

は以下のようなコードで実装することができます。ただし、絵文字を使用することはできません。

躁鬱ダンス

このプログラムでは、「躁鬱ダンス」ボタンをクリックすると、背景色が変わり、表示されるメッセージが切り替わります。また、絵文字は使用できませんが、`moodDisplay`要素に表示されるスタイルが変わることで、躁と鬱を表現しています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

は以下のようなコードで実装することができます。ただし、絵文字を使用することはできません。

```html
<!DOCTYPE html>
<html>
<head>
<title>躁鬱ダンス</title>
<style>
    #danceButton {
        font-size: 28px;
        padding: 10px;
        background-color: gray;
        color: white;
        border: none;
        border-radius: 5px;
    }
    
    #message {
        font-size: 20px;
        margin-top: 20px;
    }
    
    @keyframes danceAnimation {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    
    .mood {
        font-size: 100px;
        margin-top: 30px;
        text-align: center;
        animation-name: danceAnimation;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }
    
    .happy {
        color: green;
    }
    
    .sad {
        color: red;
    }
</style>
</head>
<body>
<h1>躁鬱ダンス</h1>
<button id="danceButton">躁鬱ダンス開始</button>
<div id="message"></div>
<div id="moodDisplay" class="mood"></div>