返回列表 回复 发帖

几何画板下的编程思考:javascript

这个题目有点大,我没那么深的造诣,只是想说明我的看法:几何画板作为很多算法的形象演练,是个绝妙的工具。
    javascript 比起其他的算法语言 basic,c,c++,java... 以及各式各样的可视化编程语言 vc,vb,c#,F#...来说,使用起来更加轻松随意,其最终效果有过之而无不及。
    尽管 javascript 也有着庞大的支撑系统和繁复的应用环境,但我们将尽可能的避开那些繁文缛节,我们的目的是娱乐,开心就好。
    对于 html+css+javascript 里面的一些细枝末节和扩展,网上俯拾皆是,为了精简,我们这里的讨论将不以语言为中心,程序用到哪我们就讨论到哪。
    我们这就开始吧:(大家学习愉快!!!)
New.gif
2014-10-14 19:14

htm0000.rar (481 Bytes)
New.gif
2014-10-14 19:15

htm0001.rar (938 Bytes)
我的脑细胞已经萎缩了。根本就跟不上大家的节奏,试着跟xklppp老师从头来一次。
New.gif
2014-10-14 19:16

htm0002.rar (888 Bytes)
大赞。
论坛QQ群:171618685 (数学实验室)  170568550 (inRm3D)
但愿能跟上xklppp老师的步伐
但愿能跟上xklppp老师的步伐
New.gif
2014-10-16 09:14

htm0003.rar (756 Bytes)
New.gif
2014-10-16 09:17

htm0004.rar (1016 Bytes)
New.gif
2014-10-16 09:17

    代码没有任何问题,思维惯性却让我们诧异:20+30 怎会等于 2030 呢?会的,程序的实际过程是:"20"+"30"="2030"。因为在放置 input 元素时,numA、numB 的 type 属性设置为 text,意为文本。为什么不设置为 type=number 呢?可以的,不过只有在 html5 中才行,当然还有其他的一些问题,这里不展开了。
    改写 showMess 函数:

    function showMess()
    {
        var a=numA.value;
        var b=numB.value;
        var c=a-b;
        var d=a*b;
        var e=a/b;
        a=parsInt(numA.value);
        b=parsInt(numB.value);
        var f=a+b;
        messBox.innerText="A-B="+c+"\n"+
                          "A*B="+d+"\n"+
                          "A/B="+e+"\n"+
                          "A+B="+f;
    }

    其中 parseInt 为 javascript 的内置方法(method 实际上就是函数),将文本转换为整型数值,与之相应的是 parseFloat 方法,将文本转换为浮点型数值。
    我们会发现,无论我们在两个输入框中输入什么内容,输出窗口是没有反应的,原因是 showMess 函数只是在浏览器打开网页后运行一次且仅一次。为此,我们需要在右边的窗口中增加一个输入元素:

    <input type=button value=刷新 onclick=showMess()>

    onclick 为单击鼠标时触发的事件。
    编程就是这样,刚解决了一个小问题,却又冒出来一堆的大问题。
htm0005.rar (462 Bytes)
返回列表