Remova todos os elementos de uma determinada classe com JavaScript

HTML:

<p class="hi">dood</p>
<p class="hi">dood</p>
<p class="hi">dood</p>
<p class="hi">dood</p>
<p class="hi">dood</p>
<p>not class 'hi'</p>

JS que tenho até agora:

var paras = document.getElementsByClassName('hi');

for(var i = 0; i < paras.length; i++) {
    paras[i].style.color = '#ff0011';
    // $('.hi').remove();
}​

No jQuery, isso seria muito fácil. ($('.hi').remove();). Eu quero aprender JS e, em seguida, jQuery.

Estou preso e o Google não forneceu. Eu não quero me tornar um programador de copiar / colar jQuery. Eu estou apenas começando a aprender JS. Obrigado.

questionAnswers(3)

yourAnswerToTheQuestion