从Javascript将变量写入HTML

我有一些javascript和HTML来显示键盘点击的BPM值。在底部的HTML中，我有一些脚本来获取“simpleTempo”表单JAVASCRIPT的值，并将其写入一个不可编辑的文本框中，但是我希望它是纯文本，我可以使用CSS为其指定样式。如果你能帮助我，我将不胜感激

------------------------------------JAVSCRIPT----------------------

//JavaScript文档/*
“严格使用”；
var startTime；
时间；
变量xsum、xxsum、ysum、yysum、xysum；
var periodprev、aprev、bprev；
var isDone；
init（）；
函数init（）{
startTime=null；
beatTimes=[]；
xsum=0；
xxsum=0；
ysum=0；
yysum=0；
xysum=0；
isDone=false；
document.onkeydown=doBeat；
}
函数doBeat（）{
如果（！isDone）
countBeat（newdate（）.getTime（））；
返回true；
}
函数countBeat（currTime）{
//线性回归的坐标
if（startTime==null）
开始时间=当前时间；
var x=beatTimes.length；
变量y=当前时间-开始时间；
//加拍
推（y）；
var beatCount=beatTimes.length；
设置值（“simpleBeats”，beatCount）；
设置值（“simpleTime”，floatToString（y/1000，3））；
//回归累积变量
xsum+=x；
xxsum+=x*x；
ysum+=y；
yysum+=y*y；
xysum+=x*y；
var tempo=60000*x/y；
如果（拍数<8 | |节奏<190）
设置值（“简单定位”，数学地板（x/4）+“：”+x%4）；
否则//每拍两次
设置值（“simplePosition”，数学地板（x/8）+:“+数学地板（x/2）%4+”+x%2*5）；
如果（拍数>=2）{
//周期和节奏，简单
var周期=y/x；
setValue（“simpleTempo”，floatToString（节奏，2））；
setValue（“simplePeriod”，floatToString（周期，2））；
//先进的
var xx=beatCount*xxsum-xsum*xsum；
var yy=beatCount*yysum-ysum*ysum；
var xy=比特数*xysum-xsum*ysum；
变量a=（beatCount*xysum-xsum*ysum）/xx；//斜率
变量b=（ysum*xxsum-xsum*xysum）/xx；//截取
设置值（“advancedPeriod”，floatToString（a，3））；
设置值（“advancedOffset”，floatToString（b，3））；
设置值（“高级相关性”，浮点字符串（xy*xy/（xx*yy），9））；
设定值（“advancedTempo”，浮动管柱（60000/a，3））；
//预测偏差
如果（拍数>=3）{
设置值（“simpleLastDev”，floatToString（periodprev*x-y，1））；
setValue（“advancedStdDev”，floatToString（Math.sqrt（（（yy-xy*xy/xx）/beatCount）/（beatCount-2）），3））；
设置值（“advancedLastDev”，floatToString（aprev*x+bprev-y，1））；
}
periodprev=周期；
aprev=a；
bprev=b；
}
}
函数完成（）{
isDone=true；
设置值（“simplePosition”和“”）；
设置值（“simpleLastDev”和“）；
setValue（“advancedLastDev”，即“”）；
}
//d：小数位数
函数floatToString（x，d）{
if（x<0）
返回“-”+floatToString（-x，d）；
var m=数学功率（10，d）；
var tp=数学圆（x%1*m）；
var s=“”；
对于（变量i=0；i

------------------------------------HTML----------------------

---

在以下网站上也有类似的帖子：

基本上，要在html文本框中获取JavaScript值，可以使用getElementById

document.getElementById("simpleTempo").value = "some text";

        <form action="#" method="get" onsubmit="return false" onreset="init()">

<input id="simpleTempo" action="#" method="get"/>
<input id="simpleBeats" readonly="readonly" type="hidden" />
<input id="simplePosition" readonly="readonly" type="hidden"/>
<input id="simpleTime" readonly="readonly" type="hidden"/>
<input id="advancedStdDev" readonly="readonly" type="hidden"/>
<input id="advancedOffset" readonly="readonly" type="hidden"/>
<input id="advancedCorrelation" readonly="readonly" type="hidden"/>
<input id="simpleLastDev" readonly="readonly" type="hidden"/>
<input id="advancedLastDev" readonly="readonly" type="hidden"/>
<input id="simplePeriod" readonly="readonly" type="hidden"/>
<input id="advancedPeriod" readonly="readonly" type="hidden"/>
<input id="simpleTempo" readonly="readonly" type="hidden"/>

<input type="reset" alt="reset" class="imgClass"/>
</form>

<script type="application/javascript" src="tap-to-measure-tempo.js"></script>

document.getElementById("simpleTempo").value = "some text";