gpt4 book ai didi

javascript - 动态增加字体大小

转载 作者:行者123 更新时间:2023-11-29 23:19:02 25 4
gpt4 key购买 nike

我想增加段落的字体大小以及按钮中数字的字体大小。

我从 StackOverflow 复制并粘贴了我的 sizer 函数(一些改动),我认为它可以工作,但仍然无法工作。有人可以帮忙吗?

由于我只在第一部分花费了很多时间,作为一名初级程序员,我想知道我错过了什么。有没有人从我的代码或他们的经验中知道我可能遗漏了什么?

一如既往的感谢。

<html>
<button onclick='incrementer(); sizer()' id='count' value=0 />0</button>
<p id='test'>a</p>
<script>
clicks = 0
incrementer = function () {
clicks += 1
click = document.querySelector("#count").textContent = clicks;
click.innerHTML = document.getElementById("count").value = document.getElementById('test');
}
sizer = function changeFontSize() {
div = document.getElementById("test");
currentFont = div.style.fontSize.replace("pt", "");

div.style.fontSize = parseInt(currentFont) + parseInt(clicks) + "pt";
}
</script>
</html>

最佳答案

这里有些东西:

  • 我不会在此处向您的onclick 附加两个函数。只需附加一个并从通过 onclick 触发的第一个函数调用第二个函数。这样看起来整洁多了
  • 不要忘记在每个变量之前加上 var,没有它就不是有效的 JavaScript
  • 我不太明白您对 currentFont 变量的尝试,所以我删除了它。这不是必需的,并且会导致脚本无法正常工作

<html>
<button onclick='incrementer()' id='count' value=0 />0</button>
<p id='test'>a</p>
<script>
var clicks = 0;
var incrementer = function() {
clicks += 1;
var click = document.querySelector("#count").textContent = clicks;
click.innerHTML = document.getElementById("count").value = document.getElementById('test');
sizer();
}
var sizer = function changeFontSize() {
var div = document.getElementById("test");

div.style.fontSize = parseInt(clicks) + "pt";
}
</script>

</html>

关于javascript - 动态增加字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51450915/

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