ERIKA

t necessarily want it "fixed", I want to know how I can fix it. This is a learning project for me.
    <!doctype html>
    <html>
    <head>
<title>Put your title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" type="text/css" rel="stylesheet" />
    </head>
    <body>

<script>
    // variables
    var diceLeft = 6;

    // arrays

    var rolls = [];
    var kept = [];

    // functions

    // rolls dice
    function rollDice() {
        for (var i = 0; i < diceLeft; i++) {
        rolls[i] = 1 + Math.floor(Math.random() * 6);
        };
            displayRoll();
    };

    // creates images for displayRoll function
    function addImageRolled(id, src, width, height, hspace) {
    var img = document.createElement("img");
    img.id = id;
    img.src = src;
    img.width = width;
    img.height = height;
    img.hspace = hspace;
    img.onmouseup= keepDie();
    document.getElementById("Rolled").appendChild(img);

    };

    // displays images based on rolls
    displayRoll() {
        switch(roll[0]) {
        case 1: addImageRolled(1, "dice-1.png", 100, 100, 5);
        break;
        case 2: addImageRolled(1, "dice-2.png", 100, 100, 5);
        break;
        case 3: addImageRolled(1, "dice-3.png", 100, 100, 5);
        break;
        case 4: addImageRolled(1, "dice-4.png", 100, 100, 5);
        break;
        case 5: addImageRolled(1, "dice-5.png", 100, 100, 5);
        break;
        case 6: addImageRolled(1, "dice-6.png", 100, 100, 5);
        break;
        };

        switch(roll[1]) {
        case 1: addImageRolled(2, "dice-1.png", 100, 100, 5);
        break;
        case 2: addImageRolled(2, "dice-2.png", 100, 100, 5);
        break;
        case 3: addImageRolled(2, "dice-3.png", 100, 100, 5);
        break;
        case 4: addImageRolled(2, "dice-4.png", 100, 100, 5);
        break;
        case 5: addImageRolled(2, "dice-5.png", 100, 100, 5);
        break;
        case 6: addImageRolled(2, "dice-6.png", 100, 100, 5);
        break;
        };

        switch(roll[2]) {
        case 1: addImageRolled(3, "dice-1.png", 100, 100, 5);
        break;
        case 2: addImageRolled(3, "dice-2.png", 100, 100, 5);
        break;
        case 3: addImageRolled(3, "dice-3.png", 100, 100, 5);
        break;
        case 4: addImageRolled(3, "dice-4.png", 100, 100, 5);
        break;
        case 5: addImageRolled(3, "dice-5.png", 100, 100, 5);
        break;
        case 6: addImageRolled(3, "dice-6.png", 100, 100, 5);
        break;
        };

        switch(roll[3]) {
        case 1: addImageRolled(4, "dice-1.png", 100, 100, 5);
        break;
        case 2: addImageRolled(4, "dice-2.png", 100, 100, 5);
        break;
        case 3: addImageRolled(4, "dice-3.png", 100, 100, 5);
        break;
        case 4: addImageRolled(4, "dice-4.png", 100, 100, 5);
        break;
        case 5: addImageRolled(4, "dice-5.png", 100, 100, 5);
        break;
        case 6: addImageRolled(4, "dice-6.png", 100, 100, 5);
        break;
        };

        switch(roll[4]) {
        case 1: addImageRolled(5, "dice-1.png", 100, 100, 5);
        break;
        case 2: addImageRolled(5, "dice-2.png", 100, 100, 5);

ERIKA

Saturday, 1 June 2013

No comments:

Post a Comment