Показывать баннер div после изменения элементов любой формы

// Get this reference just once and cache it in a variable
var updateRate = document.querySelector('.updateRate');  

// Gather up all the relevant elements into a node list
let elements = document.querySelectorAll("input, select, textarea, fieldset");

// Convert the node list into an Array so that .forEach() 
// can safely be used to loop in all modern browsers
Array.prototype.slice.call(elements).forEach(function(element){
  // Add event listeners the modern way, not with .onXyz properties
  element.addEventListener("change", function () {  
    // Just remove the hidden class already applied to the element
    // instead of working with inline styles
    updateRate.classList.remove("hidden");
  });
});

/*
   This is applied to the "Update Rate" element in HTML by default.
   It can be removed by the JavaScript when appropriate. 
*/
.hidden { display:none; }

.updateRate { 
   top: 0px;
   position: fixed;
   width: 100%;
   left: 0px;
   z-index: 11111;
}

#rate, .updateRate { 
    background: #354563;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}

<form>
  <fieldset>
    <legend>This is the legend</legend>
    <input>
    <select>
      <option>choice 1</option>
      <option>choice 2</option>
      <option>choice 3</option>
    </select>
  </fieldset>
 <textarea></textarea>
</form>

<!-- Set this element to be hidden by default -->
<div class = "updateRate" class = "hidden">Update Rate</div>

var fields = document.querySelectorAll("input, select, textarea, option, optgroup, fieldset, label");

[].forEach.call(fields, function(el) {
  el.addEventListener('change', showUpdateRate, false);
});

function showUpdateRate() {
  if (document.querySelector('.quote').textContent != "") {
    document.querySelector('.updateRate').style.display = "block";
  }
}

document.querySelector('.generate').addEventListener('click', function() {
  var quote = document.querySelector('[name = "type"]:checked').value;
  document.querySelector('.quote').textContent = quote + " Quote";
});

.updateRate {
  display: none;
  top: 0px;
  position: fixed;
  width: 100%;
  left: 0px;
  z-index: 11111;
}

#rate,
.updateRate {
  background: #354563;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  padding: 10px;
}

<div class = "updateRate">Update Rate</div>

<br><br><br>
<form>
  <input type = "radio" name = "type" value = "Success">Success
  <input type = "radio" name = "type" value = "Motivation">Motivation
  <input type = "radio" name = "type" value = "Work">Work
  <br><br>
  <input type = "button" class = "generate" value = "Generate">
</form>
<br>
<span class = "quote"></span>