Javascript 增加字体大小

我试着制作一个程序，你输入一个文本，然后输入你想看到文本的次数。那么每行的字体大小将增加10%。以下是我目前的代码：

function addElement()
{
var text = document.getElementById("text").value;
var ggr = document.getElementById("ggr").value*1;
var output= "";
for(var i=0; i < ggr; i++)
{
    output += "<div " + "style=\"font-size: 10%"+i+"\" " + " >" + text  + "</div>" + "<br />";
}
document.getElementById("result").innerHTML = output;
}

<h2>Write your text here</h2>
<input type="text" id="text" value="" /> </br>
<h2>How many times do you want to see it?</h2>
<input type="text" id="ggr" value="" /> </br>
<input type="button" value="Resultat" onClick="addElement();"/></br>
<div id="result"/>

函数addElement（）
{
var text=document.getElementById（“text”）.value；
var ggr=document.getElementById（“ggr”）.value*1；
var输出=”；
对于（变量i=0；i”；
}
document.getElementById（“结果”）.innerHTML=输出；
}
把你的文字写在这里


你想看多少遍？

---

如何在每行将fontsize增加10%

您的代码写入

10%0

，

10%1

，

10%2

，…等等

更改此行：

    output += "<div " + "style=\"font-size: "+((i+1)*10)+"%\" " + " >" + text  + "</div>" + "<br />";

output+=“”+text++“
”；

---

这将从10%开始，每行增长10%（

10%

，

20%

，

30%

，…）。

运算符将[i]变量添加为字符串，您需要它作为数字 ，因此，最好的选择是将操作保留在字符串之外

var font_start_size= 100;// Value of first size
    for(var i=0; i < ggr; i++)
    {
        var size = (10 * i) + font_start_size; 
        output += "<div style='font-size: "+size+"%'>" + text  + "</div>" + "<br />";
    }

var font\u start\u size=100；//第一个大小的值
对于（变量i=0；i”；
}

修复后的代码：

函数addElement（）
{
var text=document.getElementById（“text”）.value；
var ggr=document.getElementById（“ggr”）.value*1；
var输出=”；
对于（变量i=0；i”；
}
document.getElementById（“结果”）.innerHTML=输出；
}

在这里写下你的文字


你想看多少遍？

那么

10*i+“%”怎么样。。。现在是10%，20%，30%…非常感谢！