gpt4 book ai didi

javascript - 如何让用户通过单击文本来增加字体大小?

转载 作者:太空宇宙 更新时间:2023-11-03 23:53:49 24 4
gpt4 key购买 nike

我一直在想如何创造我前几天的想法,现在似乎无法让它发挥作用,因为我还是个菜鸟。

总而言之,正如标题所说,我正在尝试创建一个段落,用户只需点击文本/段落,每次都会增加字体大小。

我能够得到一个工作表单,我可以在其中放入一个多选框并让用户更改大小,但这根本不是我想要做的..

我以为它看起来像这样:

<script type="text/javascript" language="javascript">
do
{
if (user-clicks) increase font size;
else keep current font size;
}
while (font-size < 4em)
</script>

任何更有经验的人都可以帮助我让它发挥作用,或者至少让我走上一条我可以更成功地自己解决问题的道路吗?在此先感谢您的帮助!

最佳答案

<html>
<head>
<script language="javascript">

function resizeText(multiplier) {
multiplyText(multiplier, document.getElementById('myContent'));
}

function multiplyText(multiplier, txtobj) {
//keep current font size
if (txtobj.style.fontSize == '') {
txtobj.style.fontSize = "100%";
}
//keep current font size
if (multiplier == 0) {
txtobj.style.fontSize = "100%";
}
else { //get only the number part of the fontsize
txtobj.style.fontSize = parseFloat(txtobj.style.fontSize) + multiplier + "%";
}
}


</script>
</head>

<body>
<p id="myContent">
<a href="javascript:resizeText(10);"> Increase font</a></p>
</body>
</html>

关于javascript - 如何让用户通过单击文本来增加字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19231228/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com