Is it possible to make a game like Magicsquare in Javascript?

[birdboy272]

I would be cool if I could develop a 3 by 3 grid that all row, column and diagonals adds up to 15, using numbers ranging from 1 to 9.
When click the "check sum button" this application should
Sum up all rows, columns and diagonals and put the result in the corresponding box
... Use if/else to check if all the results are 15, and congratulates the user if the answer is correct.
The name of text boxes should be named appropriately.
bonus (1pt) make the program check/give error message so that user will enter each number 1~9 only once.

[pbmods]

I would be cool if I could develop a 3 by 3 grid that all row, column and diagonals adds up to 15, using numbers ranging from 1 to 9.

It sure would be. How far have you gotten?

[bergy]

C'mon man, if you're trying to get us to do your homework at least take out lines like "bonus (1pt) make the program check..." You're not even asking a question you're asking for someone to do your work for you.

I would be cool if I could develop a 3 by 3 grid that all row, column and diagonals adds up to 15, using numbers ranging from 1 to 9.
When click the "check sum button" this application should
Sum up all rows, columns and diagonals and put the result in the corresponding box
... Use if/else to check if all the results are 15, and congratulates the user if the answer is correct.
The name of text boxes should be named appropriately.
bonus (1pt) make the program check/give error message so that user will enter each number 1~9 only once.

[acoder]

C'mon man, if you're trying to get us to do your homework at least take out lines like "bonus (1pt) make the program check..." You're not even asking a question you're asking for someone to do your work for you.

You're absolutely right. That calls for my moderator hat...

The experts on this site are more than happy to help you with your problems but they cannot do your assignment/program for you. Attempt the assignment/program yourself first and post questions regarding any difficulties you have or about a particular function of the code that you don't know how to achieve.

Please read the Posting Guidelines and particularly the Coursework Posting Guidlines.

Then when you are ready post a new question in this thread.

MODERATOR

[birdboy272]

Magic Square in Javascript?

How would it be possible to make a game like magic square in JavaScript??

http://en.wikipedia.org/wiki/Magic_square

heres what I want it to look like I just don't know how to work the function.


<form name="zform">



<table width="200" border="1">
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>

<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="box1" type="text" value="" size="3" maxlength="2" tabindex="1" /></td>
<td><input name="box2" type="text" value="" size="3" maxlength="2" tabindex="2"/></td>
<td><input name="box3" type="text" value="" size="3" maxlength="2" tabindex="3" /></td>

<td bgcolor="#CCFFF F"><input type="text" name="box4" size="3" maxlength="2" readonly></td>
</tr>
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="5" type="text" value="" size="3" maxlength="2" tabindex="4"/></td>
<td><input name="box6" type="text" value="" size="3" maxlength="2" tabindex="5"/></td>
<td><input name="box7" type="text" value="" size="3" maxlength="2" tabindex="6"/></td>
<td bgcolor="#CCFFF F"><input type="text" name="8" size="3" maxlength="2" readonly/></td>
</tr>

<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="box9" type="text" value="" size="3" maxlength="2" tabindex="7"/></td>
<td><input name="box10" type="text" value="" size="3" maxlength="2" tabindex="8"/></td>
<td><input name="box11" type="text" value="" size="3" maxlength="2" tabindex="9"/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box12" size="3" maxlength="2" readonly /></td>
</tr>
<tr>
<td bgcolor="#CCFFF F"><input type="text" name="box13" size="3" maxlength="2" tabindex="1" readonly/></td>

<td bgcolor="#CCFFF F"><input type="text" name="box14" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box15" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box16" size="3" maxlength="2" readonly /></td>
<td bgcolor="#CCFFF F"><input type="text" name="box17" size="3" maxlength="2" readonly/></td>
</tr>
</table>
<input type="button" value="check sum">

</form>

[mrhoo]

<input name="box7" type="text" value="" size="3" maxlength="2" tabindex="6"/>

<input type="button" value="check sum">

Close all of your input tags or none of them-
it looks like you don't know your own mind.

[iam_clint]

me? i would do something like this

<script>
function checksum() {
var v1 = 0;
var v2 = 0;
var v3 = 0;
var all = ["box1", "box2", "box3", "box5", "box6", "box7", "box9", "box10", "box11"];
for (i=0; i<all.length; i++) {
   for (b=0; b<all.length; b++) {
    if (i!=b && document.getElementsByName(all[b])[0].value == document.getElementsByName(all[i])[0].value) { alert("Two of your numbers are the same! can't continue!");  return false; }
   }
}
v1 = parseFloat(document.getElementsByName("box1")[0].value);
v2 = parseFloat(document.getElementsByName("box2")[0].value);
v3 = parseFloat(document.getElementsByName("box3")[0].value);
document.getElementsByName("box4")[0].value = Math.floor(v1+v2+v3);
var a1 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box5")[0].value);
v2 = parseFloat(document.getElementsByName("box6")[0].value);
v3 = parseFloat(document.getElementsByName("box7")[0].value);
document.getElementsByName("box8")[0].value = Math.floor(v1+v2+v3);
var a2 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box9")[0].value);
v2 = parseFloat(document.getElementsByName("box10")[0].value);
v3 = parseFloat(document.getElementsByName("box11")[0].value);
document.getElementsByName("box12")[0].value = Math.floor(v1+v2+v3);
var a3 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box3")[0].value);
v2 = parseFloat(document.getElementsByName("box6")[0].value);
v3 = parseFloat(document.getElementsByName("box9")[0].value);
document.getElementsByName("box13")[0].value = Math.floor(v1+v2+v3);
var a4 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box1")[0].value);
v2 = parseFloat(document.getElementsByName("box5")[0].value);
v3 = parseFloat(document.getElementsByName("box9")[0].value);
document.getElementsByName("box14")[0].value = Math.floor(v1+v2+v3);
var a5 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box2")[0].value);
v2 = parseFloat(document.getElementsByName("box6")[0].value);
v3 = parseFloat(document.getElementsByName("box10")[0].value);
document.getElementsByName("box15")[0].value = Math.floor(v1+v2+v3);
var a6 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box3")[0].value);
v2 = parseFloat(document.getElementsByName("box7")[0].value);
v3 = parseFloat(document.getElementsByName("box11")[0].value);
document.getElementsByName("box16")[0].value = Math.floor(v1+v2+v3);
var a7 = Math.floor(v1+v2+v3);
v1 = parseFloat(document.getElementsByName("box1")[0].value);
v2 = parseFloat(document.getElementsByName("box6")[0].value);
v3 = parseFloat(document.getElementsByName("box11")[0].value);
document.getElementsByName("box17")[0].value = Math.floor(v1+v2+v3);
var a8 = Math.floor(v1+v2+v3);
if (a1==a2 && a1==a3 && a1==a4 && a1==a5 && a1==a6 && a1==a7 && a1==a8) { alert("you win!"); } else { alert("try again"); }
}
</script>
 
<form name="zform">
<table width="200" border="1">
<tr>
<td bgcolor="#999999">&nbsp;</td>
<td bgcolor="#999999">&nbsp;</td>
 
<td bgcolor="#999999">&nbsp;</td>
<td bgcolor="#999999">&nbsp;</td>
<td bgcolor="#999999">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#999999">&nbsp;</td>
<td><input name="box1" type="text" value="" size="3" maxlength="2" tabindex="1" /></td>
<td><input name="box2" type="text" value="" size="3" maxlength="2" tabindex="2"/></td>
<td><input name="box3" type="text" value="" size="3" maxlength="2" tabindex="3" /></td>
 
<td bgcolor="#CCFFFF"><input type="text" name="box4" size="3" maxlength="2" readonly></td>
</tr>
<tr>
<td bgcolor="#999999">&nbsp;</td>
<td><input name="box5" type="text" value="" size="3" maxlength="2" tabindex="4"/></td>
<td><input name="box6" type="text" value="" size="3" maxlength="2" tabindex="5"/></td>
<td><input name="box7" type="text" value="" size="3" maxlength="2" tabindex="6"/></td>
<td bgcolor="#CCFFFF"><input type="text" name="box8" size="3" maxlength="2" readonly/></td>
</tr>
 
<tr>
<td bgcolor="#999999">&nbsp;</td>
<td><input name="box9" type="text" value="" size="3" maxlength="2" tabindex="7"/></td>
<td><input name="box10" type="text" value="" size="3" maxlength="2" tabindex="8"/></td>
<td><input name="box11" type="text" value="" size="3" maxlength="2" tabindex="9"/></td>
<td bgcolor="#CCFFFF"><input type="text" name="box12" size="3" maxlength="2" readonly /></td>
</tr>
<tr>
<td bgcolor="#CCFFFF"><input type="text" name="box13" size="3" maxlength="2" tabindex="1" readonly/></td>
 
<td bgcolor="#CCFFFF"><input type="text" name="box14" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFFF"><input type="text" name="box15" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFFF"><input type="text" name="box16" size="3" maxlength="2" readonly /></td>
<td bgcolor="#CCFFFF"><input type="text" name="box17" size="3" maxlength="2" readonly/></td>
</tr>
</table>
<input type="button" value="check sum" onclick="checksum();">
</form>
 

[acoder]

Since this is basically the same problem, I've merged the threads.

[iam_clint]

yay homework thread I didn't see the other post

[birdboy272]

I need a if and else that says congratulations to the person is they get 15 in all the output squares for the game magic square

this is my code so far:

<h3>
Try to make 15 in each of the green boxes without using numbers 1-9 more than once.
I will know if your cheating :-{
</h3>
<form name="zform">

<table width="200" border="1">
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>

<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>
<td bgcolor="#99999 9">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="box1" type="text" value="" size="3" maxlength="2" tabindex="1" /></td>
<td><input name="box2" type="text" value="" size="3" maxlength="2" tabindex="2"/></td>
<td><input name="box3" type="text" value="" size="3" maxlength="2" tabindex="3" /></td>

<td bgcolor="#CCFFF F"><input type="text" name="box4" size="3" maxlength="2" readonly></td>
</tr>
<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="box5" type="text" value="" size="3" maxlength="2" tabindex="4"/></td>
<td><input name="box6" type="text" value="" size="3" maxlength="2" tabindex="5"/></td>
<td><input name="box7" type="text" value="" size="3" maxlength="2" tabindex="6"/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box8" size="3" maxlength="2" readonly/></td>
</tr>

<tr>
<td bgcolor="#99999 9">&nbsp;</td>
<td><input name="box9" type="text" value="" size="3" maxlength="2" tabindex="7"/></td>
<td><input name="box10" type="text" value="" size="3" maxlength="2" tabindex="8"/></td>
<td><input name="box11" type="text" value="" size="3" maxlength="2" tabindex="9"/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box12" size="3" maxlength="2" readonly /></td>
</tr>
<tr>
<td bgcolor="#CCFFF F"><input type="text" name="box13" size="3" maxlength="2" tabindex="1" readonly/></td>

<td bgcolor="#CCFFF F"><input type="text" name="box14" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box15" size="3" maxlength="2" readonly/></td>
<td bgcolor="#CCFFF F"><input type="text" name="box16" size="3" maxlength="2" readonly /></td>
<td bgcolor="#CCFFF F"><input type="text" name="box17" size="3" maxlength="2" readonly/></td>
</tr>
</table>
<input type="button" value="check sum" onClick="checks um();">

</form>

<script>

function checksum(){
var sVal = zform.box4.valu e;
zform.box4.valu e = parseInt(zform. box1.value) + parseInt(zform. box2.value) + parseInt(zform. box3.value);
// line break
zform.box8.valu e = parseInt(zform. box5.value) + parseInt(zform. box6.value) + parseInt(zform. box7.value);
// line break
zform.box12.val ue = parseInt(zform. box9.value) + parseInt(zform. box10.value) + parseInt(zform. box11.value);
// line break
zform.box17.val ue = parseInt(zform. box1.value) + parseInt(zform. box6.value) + parseInt(zform. box11.value);
//line break
zform.box15.val ue = parseInt(zform. box2.value) + parseInt(zform. box6.value) + parseInt(zform. box10.value);
//line break
zform.box14.val ue = parseInt(zform. box1.value) + parseInt(zform. box5.value) + parseInt(zform. box9.value);
//line break
zform.box16.val ue = parseInt(zform. box3.value) + parseInt(zform. box7.value) + parseInt(zform. box11.value);
//line break
zform.box13.val ue = parseInt(zform. box3.value) + parseInt(zform. box6.value) + parseInt(zform. box9.value);
}

</script>