[JavaScript 08]
구구단 만들기



input data:
output data:
window output:

[JavaScript 소스] 

<html>
    <head>
        <title> Today Mission </title>
        <script language="javascript">
        
function p01()
{
    var a = parseInt(document.getElementById("s1").value);
    var b = document.getElementById("p1");
    var c = new Array(100);
    var cnt=0;
    
    b.value="";
    for(i=1; i<=20; i++){
        b.value = b.value + " " + a + " * " + i + " = " + a*i + "\n";
    }
}
function p02(aa)
{
    aa.value="";
}
function p03(aa)
{
    aa.value="babo babo hahaha";
}
function p04(aa)
{
    alert(document.form1.t1.value);
}

        </script>
    </head>
    <body>
        <form name ="form1" action="gugu.html" method="post">
            <h1> Today Mission!!</h1>
            <table width="800" border="1" align="left">
                   <tr>
                    <td bgcolor="#FFFFFF">input data:</td>
                    <td bgcolor="#FFFFFF">
                        <input type="text" size="10" id="s1" maxlength="30">
                    </td>
                    <td bgcolor="#FFFFFF">
                        <input type="button" value="Enter" onClick="p01()">
                    </td>
                    <td bgcolor="#FFFFFF">
                        <input type="reset" value="clear">
                    </td>
                </tr>
                   <tr>
                    <td bgcolor="#FFFFFF">output data:</td>
                    <td colspan="3" bgcolor="#FFFFFF">
                        <textarea cols="60" rows="21" id="p1" name="t1" onFocus="p02(this)" onBlur="p03(this)">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" bgcolor="#FFFFFF">window output:</td>
                    <td colspan="2" bgcolor="#FFFFFF">
                        <input type="button" value="alert" onClick="p04()">
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>