1

做了一个乘法表的网站

 8 months ago
source link: https://www.v2ex.com/t/980844
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

V2EX  ›  站长

做了一个乘法表的网站

  sunnywhy · 6 小时 33 分钟前 · 1170 次点击

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

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

14 条回复    2023-10-11 11:31:43 +08:00
thinkm

thinkm      6 小时 31 分钟前

怎么这么慢
sunnywhy

sunnywhy      6 小时 27 分钟前

慢吗?不应该呀,部署在 firebase 上,应该有 cdn 才对吧?
Ashore

Ashore      6 小时 22 分钟前

1. 打开的有点慢
2. 鼠标在两列之间切换的时候,表格会出现抖动。可能是 border 的原因?
总体上说还是很不错的。
dier

dier      6 小时 11 分钟前

抖得我有点头晕
yangxiaopeipei

yangxiaopeipei      5 小时 58 分钟前

我打开不慢
AoEiuV020JP

AoEiuV020JP      5 小时 55 分钟前

一个 bug , 鼠标放在表格中, 滚轮滚到最低,然后鼠标慢慢下移,刚移出表格时整个页面一直抖,
sunnywhy

sunnywhy      5 小时 49 分钟前

谢谢🙏, 我去修修 bug
iblessyou

iblessyou      5 小时 42 分钟前

@AoEiuV020JP 鼠标放最右边那列靠右就行
下面出现算式 → 出现右滚动条 → 表格变窄,鼠标跑到外面 → 算式消失 → 右滚动条消失 →表格变宽,下面出现算式 🤣
MasonXu

MasonXu      5 小时 32 分钟前

hover 时候字体加重拿掉吧,太抖了
oldboy627

oldboy627      5 小时 23 分钟前   ❤️ 1

做的挺好的,但其实我想说~~

中国人不需要,因为从小就会背。
外国人也不需要,因为有计算器。
HelloWorld556

HelloWorld556      5 小时 10 分钟前

JdfufOQ.jpeg
sunnywhy

sunnywhy      5 小时 7 分钟前

抖动应该修好了,可能得 hard refresh 下。

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

之前一直做后端,这个就是学习一下前端
jookr

jookr      4 小时 42 分钟前   ❤️ 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

zhangshine      4 小时 15 分钟前

怀疑你是看了某个人的微信公众号,然后觉得有机会。实际上这个东西竞争太激烈了,因为没有啥难度。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK