sunnywhy
V2EX  ›  站长

做了一个乘法表的网站

  •  
  •   sunnywhy · Oct 11, 2023 · 3072 views
    This topic created in 1124 days ago, the information mentioned may be changed or developed.

    地址如下: https://multiplication-chart.info/

    发现海外居然默认不是九九乘法表,而是 12x12 的格式,另外 10x10 的也比较普遍。 加个一个生成练习题的功能,可以下载成 pdf ,纯简单静态页面!

    14 replies  •  2023-10-11 11:31:43 +08:00
    thinkm
    thinkm
    Oct 11, 2023
    1
    怎么这么慢
    sunnywhy
    sunnywhy
    OP
    Oct 11, 2023
    2
    慢吗?不应该呀,部署在 firebase 上,应该有 cdn 才对吧?
    Ashore
    Ashore
    Oct 11, 2023
    3
    1. 打开的有点慢
    2. 鼠标在两列之间切换的时候,表格会出现抖动。可能是 border 的原因?
    总体上说还是很不错的。
    dier
    dier
    Oct 11, 2023
    4
    抖得我有点头晕
    yangxiaopeipei
    yangxiaopeipei
    Oct 11, 2023
    5
    我打开不慢
    AoEiuV020JP
    AoEiuV020JP
    Oct 11, 2023
    6
    一个 bug , 鼠标放在表格中, 滚轮滚到最低,然后鼠标慢慢下移,刚移出表格时整个页面一直抖,
    sunnywhy
    sunnywhy
    OP
    Oct 11, 2023
    7
    谢谢🙏, 我去修修 bug
    iblessyou
    iblessyou
    Oct 11, 2023
    8
    @AoEiuV020JP 鼠标放最右边那列靠右就行
    下面出现算式 → 出现右滚动条 → 表格变窄,鼠标跑到外面 → 算式消失 → 右滚动条消失 →表格变宽,下面出现算式 🤣
    MasonXu
    MasonXu
    Oct 11, 2023
    9
    hover 时候字体加重拿掉吧,太抖了
    oldboy627
    oldboy627
    Oct 11, 2023❤️1
    10
    做的挺好的,但其实我想说~~

    中国人不需要,因为从小就会背。
    外国人也不需要,因为有计算器。
    HelloWorld556
    HelloWorld556
    Oct 11, 2023
    11
    sunnywhy
    sunnywhy
    OP
    Oct 11, 2023
    12
    抖动应该修好了,可能得 hard refresh 下。

    外国成年人确实不需要,不过感觉有小孩的家长还应该需要一下?

    之前一直做后端,这个就是学习一下前端
    jookr
    jookr
    Oct 11, 2023❤️1
    13
    下边生成的题目马上填结果,马上判断对对错就更好了,给你助力
    ```
    //题目生成
    questions.innerHTML += "<p>" + a + ' ' + op + ' ' + b + ' = <input type="number" onkeyup="calculate('+a+",'"+op+"',"+b+',this)" /> </p>';


    //判断结果
    function calculate(a,op,b,obj){
    console.log(a,op,b);
    console.log(obj.value);

    let result;

    switch(op) {
    case '+':
    result = a + b;
    break;

    case '-':
    result = a - b;
    break;

    case '*':
    result = a * b;
    break;

    case '÷':
    result = a / b;
    break;

    default:
    throw new Error('Unsupported operator');
    }

    console.log(result);
    // return (result==obj.value)?true:false;
    if(result!=obj.value){
    // obj.className = 'resFail';
    obj.style.border = '1px solid red';
    }else{
    obj.style.border = '';
    }
    console.log((result==obj.value)?'true':'false');
    }
    ```
    zhangshine
    zhangshine
    Oct 11, 2023
    14
    怀疑你是看了某个人的微信公众号,然后觉得有机会。实际上这个东西竞争太激烈了,因为没有啥难度。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1601 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 12:50 · PVG 20:50 · LAX 04:50 · JFK 07:50
    ♥ Do have faith in what you're doing.