V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sunnywhy
V2EX  ›  站长

做了一个乘法表的网站

  •  
  •   sunnywhy · 200 天前 · 1640 次点击
    这是一个创建于 200 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    之前一直做后端,这个就是学习一下前端
    jookr
        13
    jookr  
       200 天前   ❤️ 1
    下边生成的题目马上填结果,马上判断对对错就更好了,给你助力
    ```
    //题目生成
    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
        14
    zhangshine  
       200 天前
    怀疑你是看了某个人的微信公众号,然后觉得有机会。实际上这个东西竞争太激烈了,因为没有啥难度。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2937 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 14:34 · PVG 22:34 · LAX 07:34 · JFK 10:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.