閉じるボタン追加

メッセージのリストがあります。

JavaScriptを使用して、各メッセージの右上に閉じるボタンを追加してください。

結果は次のようになります。

ボタンを追加するには、position:absolute（およびペインをposition:relativeにする）かfloat:rightを使用できます。 float:rightの利点は、ボタンがテキストと重ならないことですが、position:absoluteはより自由度があります。したがって、選択はあなた次第です。

各ペインのコードを以下のようにすることができます。

          pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');
        

その後、<button>はpane.firstChildになるので、次のようにハンドラーを追加できます。

pane.firstChild.onclick = () => pane.remove();

サンドボックスでソリューションを開きます。