title: Replacing old with new in JavaScript
body: <p>Ok, let me be more specific; I am making a simple Celsius to Fahrenheit, and Fahrenheit to Celsius converter aid in my learning of JavaScript.</p>
  
  <p>So, I have successfully made the converter work, and have it displayed in the DOM using new 'p' elements (which I will be later adding a border around in CSS).</p>
  
  <p><strong>But what I am struggling with is having the new converted number cover the old one.</strong> </p>
  
  <p>Right now, you enter a number, it gives you the conversion(inside a 'p' element), then when you convert the next number, it gives you another. Until their is a list of conversions.</p>
  
  <p><strong>What would I write into my code so that when you press "enter" the old result is replaced with the new?</strong></p>
  
  <p>Here is the code thus far (I know it is probably very basic but I am very new to JavaScript):</p>
  
  <pre><code>            var celToFaren = {
          celcius: function(convert) {
              var c = Number(document.getElementById("celCount").value);
              var e = c * 9/5 + 32;
              if (c === 0) {
                  alert('Please Enter a Number');
                  return false;
              } else {
              var element = document.getElementById('div1');
              var resultShow = document.createElement('p');
              resultShow.textContent = c + ' ' + 'Celcius ' + 'is equal to ' + e + ' Farenhite';
  
              element.appendChild(resultShow);
  
              }
          }
      };
  </code></pre>