javascriptで追加した要素を削除したい

現在javaScriptの勉強をしています。
教科書に記載されていた『ボタンを押すと文字が追加される』サンプルコードに手を加えて、『追加された文字を削除する』ようにしようと考えています。

<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>要素の作成・追加</title>
   <script>

   // p要素を追加するメソッド
   function add_element(){
     var element_p = document.createElement('p');
     element_p.innerHTML = 'p要素を追加しました';
     box.appendChild(element_p);
   }


   // p要素を削除するメソッド
   function delete_element(){
     var delete_p = document.
   }



   // windowを開いたと同時に処理を行う
   window.onload = function(){
     // 『要素を追加』ボタンを押して追加する
     var add = document.getElementById('add');
     add.addEventListener('click', add_element, false);
     // box内の値を削除する
     var delete_value = document.getElementById('delete');
     delete_value.removeChild('click', delete_element, false);
   }
   </script>
 </head>
 <body>
   <button id="add">要素を追加</button>
   <button id="delete">要素を削除</button>
   <div id="box"></div>
 </body>
 </html>

add_elementを『要素を追加』ボタンで呼び出して文字を追加し、
delete_elementを『要素を削除』ボタンで文字を削除しようとしています。
子要素を削除する方法を教えていただけると幸いです。

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

回答1件

ベストアンサー

こういうことかな？

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4   <meta charset="UTF-8">
5   <title>要素の作成・追加</title>
6   <script>
7
8   // p要素を追加するメソッド
9   function add_element(){
10     var element_p = document.createElement('p');
11     element_p.innerHTML = 'p要素を追加しました';
12     box.appendChild(element_p);
13   }
14
15
16   // p要素を削除するメソッド
17   function delete_element(){
18     box.removeChild(box.firstChild);
19   }
20
21
22
23   // windowを開いたと同時に処理を行う
24   window.onload = function(){
25     // 『要素を追加』ボタンを押して追加する
26     var add = document.getElementById('add');
27     add.addEventListener('click', add_element, false);
28     // box内の値を削除する
29     var delete_value = document.getElementById('delete');
30     delete_value.addEventListener('click', delete_element, false);
31   }
32   </script>
33 </head>
34 <body>
35   <button id="add">要素を追加</button>
36   <button id="delete">要素を削除</button>
37   <div id="box"></div>
38 </body>
39 </html>