Как я опускаю <удаленный> и <касательно> в 'нажатии мерзавца'?

Поскольку вы используете document.write после загрузки документа, он очищает весь документ (из-за того, что document.open () вызывается). Следовательно, ваши элементы img не существуют для setAttribute, который будет запущен против них. Попробуйте выполнить следующее (обратите внимание на поправки индекса, которые необходимы из-за индексации массива, начинающейся с нуля):

var dice = [6,6,6,6,6];
var results;
var resultsContainer = document.querySelector('.results');

function rollDice(){
    // clear results array
    results = [];
    for(var i =0; i<dice.length; ++i){
        var num = Math.floor(Math.random()*6 +1);
        dice[i] = num;
        results.push(dice[i]);
    }
    for(var i =0; i< dice.length; ++i){
        var value = dice[i];
        var path;
        var ArrayImage = ["images/dice 1.png", "images/dice 2.png", "images/dice 3.png", "images/dice 4.png", "images/dice 5.png", "images/dice 6.png"];
        path = ArrayImage[value - 1];
        document.getElementById("dice_"+ (i + 1)).setAttribute("src",path);
    }
    // convert results array to text with <br> between them
    var resultsStr = results.join("<br>");
    // display results as text to page
    resultsContainer.innerHTML = resultsStr;
}