Как данный код будет выглядеть на чистом js?

<script type="text/javascript">
jQuery(function($) {
    $(".news").addClass("float").filter(":nth-child(3n)").after('<div class="clr"></div>');
});
</script>

var all = document.getElementsyTagName("*");
var elements = []; //сохраним элементы с классом "news"
 
    for(var i = 0; i < all.length; i ++)
    {
        var c = all[i].className.split(' ');
        for(var j = 0; j < c.length; j ++)
        {
            if(c[j] == "news")elements.push(all[i]);
        };      
    };
//добавляем найденным класс "float"    
for(i = 0; i < elements.length; i++)
{
    var elem = elements[i];
        
    if(elem.className == '')elem.className = "float";
    else elem.className +=" float";
};
//после каждого 3-его начиная с нуля, вставляем div
for(i = 0; i < elements.length; i += 3)
{
    elements[i].insertAjacentHTML("afterEnd", "<div class='clr'></div>");
};

Array.prototype.filter.call(document.getElementsByClassName('news'), function(value, index) {
    return (index + 1) % 3  == 0;
}).forEach(function(element) {
    element.className = 'float';
    element.insertAdjacentHTML("afterEnd", '<div class="clr"></div>');
});

element.className = 'float';

var news = document.getElementsByClassName('news');
 
Array.prototype.filter.call(news, function() {
    return true;
}).forEach(function(element){
    element.classList.add( 'float' );
});
 
Array.prototype.filter.call(news, function(value, index) {
    return (index + 1) % 3  == 0;
}).forEach(function(element) {
    element.insertAdjacentHTML("afterEnd", '<div class="clr"></div>');
});

window.onload = function() {
    // code
}

window.onload = function() {
    /* code... */
};

// ...
Array.prototype.filter.call(news, function(value, index) {
    return (index + 1) % 3  == 0;
}).forEach(function(element) {
    element.classList.add( 'no-border' ); // new line
    element.insertAdjacentHTML("afterEnd", '<div class="clr"></div>');
});