JavaScript--字体变大变小练习

  <button>+</button>
    <button>-</button>
    <div id="txt">
        (一)走上古驿道
        他一声不响起身到卧房去,自己开了衣柜的们,取出他出门穿的衣服,挂在衣架上,还挑了一条干净手绢,放在衣袋里。他是准备亲自去报到,不需我代表——他也许知道我不能代表。
        我和阿圆还只顾捉摸开什么会。钟书没精打采地干完他的晚事(洗洗换换),乖乖地睡了。他向例早睡早起,我晚睡晚起,阿圆晚睡早起。
        第二天早上,阿圆老早做了自己的早饭,吃完到学校上课去。我们两人的早饭总是钟书做的。他烧开了水,泡上浓香的红茶,热了牛奶(我们吃牛奶红茶),煮好老嫩合适的鸡蛋,用烤面包机烤好面包,从冰箱里拿出黄油、果酱等放在桌上。我起床和他一起吃早饭。然后我收拾饭桌,刷锅洗碗,等着他穿着整齐,就一同下楼散散步,等候汽车来接。
        将近九点,我们同站在楼门口等待。开来一辆大黑汽车,车里出来一个穿制服的司机。他问明钱钟书的身分,就开了车门,让他上车。随即关上车门,好像防我跟上去似的。我站在楼门口,眼看着那辆车稳稳地开走了。我不识汽车是什么牌子,也没注意车牌的号码。
        我一个人上楼回家。自从去春钟书大病,我陪住医院护理,等到他病愈回家,我叫软头晕,成了风吹能倒的人。近期我才硬朗起来,能独立行走,不再需扶墙摸壁。但是我常常觉得年纪不饶人,我已力不从心。
    </div>
//1.找到两个按钮  绑定事件
var add = document.getElementsByTagName('button')[0];
var minus = document.getElementsByTagName('button')[1];
//2. 根据时间  写函数  设置默认字体 font_n=16
var font_n = 16;
//找到文本内容
var txt = document.getElementById('txt');
//如果点+ 变大  点下  变小
add.onclick = function () {
    //根据字体  设置文本  id txt的style 的fontSize
    font_n = font_n + 2;
    txt.style.fontSize = font_n + 'px';
}
minus.onclick = function () {
    //根据字体  设置文本  id txt的style 的fontSize
    font_n = font_n - 2;
    if (font_n <= 12){
        font_n=12;
    }
        txt.style.fontSize = font_n + 'px';
}
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值