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

xklppp

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

下载 (12.25 KB)

2014-10-14 19:14

htm0000.rar (481 Bytes)

下载次数: 3811

2014-10-14 13:06

xklppp

下载 (22.27 KB)

2014-10-14 19:15

htm0001.rar (938 Bytes)

下载次数: 3675

2014-10-14 14:05

mjj_ljh

我的脑细胞已经萎缩了。根本就跟不上大家的节奏，试着跟xklppp老师从头来一次。

xklppp

下载 (33.13 KB)

2014-10-14 19:16

htm0002.rar (888 Bytes)

下载次数: 3910

2014-10-14 18:04

inRm

大赞。

lnszdzg

但愿能跟上xklppp老师的步伐

lnszdzg

但愿能跟上xklppp老师的步伐

xklppp

下载 (16.23 KB)

2014-10-16 09:14

htm0003.rar (756 Bytes)

下载次数: 3739

2014-10-14 22:14

xklppp

下载 (16.02 KB)

2014-10-16 09:17

htm0004.rar (1016 Bytes)

下载次数: 3648

2014-10-15 00:01

xklppp

下载 (3.73 KB)

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)

下载次数: 3712

2014-10-15 01:29