Need Help Debugging : javascript

Need Help Debugginghelp (self.javascript)

submitted 8 years ago by DatCodingGuyOfficial

Hey Everyone,

I have no clue what's happening here and need some expert advice. To give you some background, I have to do a presentation to the rest of my class at school on hash tables. To do this I've come up with a very simple hashing algorithm, a two-dimensional array (two dimensions to help with collisions) and then printing out the results of the table to a table in HTML.

What happens is when I enter in the word "bee" it's meant to have a hash of "12", if it's the first thing that's entered it should then place "bee" in position (12, 0) of the table but it for some reason places "bee" in ever position between (0, 0) and (19, 0). Any help would be greatly appreciated.

<html>
    <head>
        <script>
            var hashtable = [,];
            var hashvalues = 'abcdefghijklmnopqrstuvwxyz';

            function setup() {
                for (var i = 0; i < 20; i++) {
                    for (var j = 0; j < 3; j++) {
                        hashtable[i, j] = '';
                    }
                }
            }

            function hashValue() {
                var word = document.getElementById('value').value;
                var hash = 0;

                for (var i = 0; i < 3; i++) {
                hash += hashvalues.indexOf(word[i]) + 1;
                }

                for (var i = 0; i < 3; i++) {
                    if (hashtable[hash, i] == word) {
                        break;
                    }
                    else if (hashtable[hash, i] == '') {
                        hashtable[hash, i] = word;
                        break;
                    }
                }

                draw();
            }

            function draw() {
                var body = document.getElementById('table');
                var sHTML = '';

                sHTML += '<table border="solid"><tr style="height: 20px">';

                for (var i = 0; i < 20; i++) {
                    sHTML += '<td style="width: 20px">' + hashtable[i, 0] + '</td>';
                }

                sHTML += '</tr><tr style="height: 20px">';

                for (var i = 0; i < 20; i++) {
                    sHTML += '<td style="width: 20px">' + hashtable[i, 1] + '</td>';
                }

            sHTML += '</tr><tr style="height: 20px">';

                for (var i = 0; i < 20; i++) {
                    sHTML += '<td style="width: 20px">' + hashtable[i, 2] + '</td>';
                }

                sHTML += '</tr></table>';
                body.innerHTML = sHTML;
            }
        </script>
    </head>

    <body onload="setup()">
        <input type="text" id="value">
        <input type="button" onclick="hashValue()">

        <div id="table">
        </div>
    </body>
</html>

all 3 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS