CSS 問題点がわからない

reset2のボタンを押してもリセットされません。
何度も見直ししました。
エラー表示がCannot read property 'remove' of nullですが調べても典型的なエラーのことがでてきて推測が難しいです。
なぜでしょうか。

<body>
	<div class="container-1">
	<h2>Challenge 1:Your Age in Days</h2>
	<div class="flex-box-container-1">
	     <div>
	     <button class="btn btn-primary" onclick="ageInDays()">Click me</button>
	     </div>
	
	  <div>
	     <button class="btn btn-danger" onclick="reset()">reset</button>
	  </div>
	</div>
	  <div class="flex-box-container-1">
	    <div id="flex-box-result"></div>
	  </div>
    </div>
	
	<div class="container2">
		<h2>second</h2>
	 <div class="divbox">
		<div>
	    <button class="btn btn-secondary" onclick="ageInDay2()">click</button>
		</div>
	 <div>
	  <button class="btn btn-warning" onclick="reset2()">reset2</button>	
	 </div>
		</div>
		<div class="divbox">
		<div id="box"></div>
		</div>
	</div>
	
	
</body>

function ageInDays(){
var birthYear=prompt('what year were you born...Good friend?');
var ageInDayss=(2018 - birthYear)*365;
var h1=document.createElement('h1');
var textAnswer=document.createTextNode('You are '+ageInDayss+' days old');
h1.setAttribute('id','ageInDays');
h1.appendChild(textAnswer);
	document.getElementById('flex-box-result').appendChild(h1);
}

function reset(){
	document.getElementById('ageInDays').remove();
}

function ageInDay2(){
	var ha=prompt('How old are you?');
	var ag=(ha);
	var h1=document.createElement('h1');
	var answer=document.createTextNode('I am '+ag+' years old');
	h1.setAttribute=('id','ageInDay2');
	h1.appendChild(answer);
	document.getElementById('box').appendChild(h1);
}

function reset2(){
	document.getElementById('ageInDay2').remove();
}