做一个简陋的小网站之:编辑hash---(4)

字体变大

在这里插入图片描述

在这里插入图片描述

加按钮

kbd里面加了button:

在这里插入图片描述

效果:
在这里插入图片描述

让button绝对定位

在这里插入图片描述

在这里插入图片描述

效果:
在这里插入图片描述

鼠标浮上去才出现button

在这里插入图片描述

在这里插入图片描述
到目前为止在kbd里面加入了三行:
先生成一个button,button的内容是编辑,把button作为kbd的儿子,而后在css里面加了一些样式;

在这里插入图片描述

被点击打印东西

在这里插入图片描述

被点击打印东西:

在这里插入图片描述

如何确认被用户点击的按钮

在这里插入图片描述

每个button的id是不一样的;
在这里插入图片描述

效果:(此时还有一个bug,就是不管按什么键都显示m)
在这里插入图片描述

buttonX是一个容器,第一次循环的时候,里面装的是第一个按钮;第二次循环装的是第二个按钮;也就是说这个容器没有动,只不过容器里面的东西从第一个按钮从第一个到最后一个按钮从这里过了一遍,过完了以后最后一个就留在容器里面了;当用户点击的时候,打出里面的东西,就是最后一次;之前都放在页面里面了;
改成下面的:

在这里插入图片描述

在这里插入图片描述

console.log(xzkjcnxlkcjlk['target']['id'])

我要取xzkjcnxlkcjlk这个哈希里面的target对应的一个哈希(它其实是一个元素),然后取它的id;

怎样让用户输入一个东西给我(改hash)

在这里插入图片描述

在这里插入图片描述

再次优化

在这里插入图片描述
首先拿到用户的key,然后让用户输入一个x,然后让按钮哈希里面的值对应的是x;
效果:
在这里插入图片描述

再次按z键,即会出现qq.com的页面;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值