Javascript document.getElementById仅在firefox中工作_Javascript_Html

Javascript document.getElementById仅在firefox中工作

javascript html

Javascript document.getElementById仅在firefox中工作,javascript,html,Javascript,Html,我已经写了一个js来做一些计算，只是一些简单的东西，当我使用firefox时，它工作得很好，但是当我尝试在另一个浏览器上使用它时，它却没有。我不熟悉html和js。下面是全部内容代码： <!DOCTYPE html> <html> <head> <title>Forkalkulator</title> </head> <body> <p><b>Forkalkulat

我已经写了一个js来做一些计算，只是一些简单的东西，当我使用firefox时，它工作得很好，但是当我尝试在另一个浏览器上使用它时，它却没有。我不熟悉html和js。下面是全部内容

代码：

    <!DOCTYPE html>

<html>
<head>
    <title>Forkalkulator</title>
</head>

<body>

<p><b>Forkalkulator </b> </p>
<form action="history.go()" method="post" enctype="multipart/form-data">
        <label for="vekt">Hundens vekt:</label>
        <input type="number" name="vekt" id="vekt" placeholder="vekt"><br>

        <label for="prisvf">Pris p&aring; v&aring;tforet:</label>    
    <input type="number" name="vfor_pris" id="vfor_pris" placeholder="pris pa vatfor"><br>

        <label for="pristf">Pris p&aring; t&oslash;rforet;:</label>     
    <input type="number" name="tfor_pris" id="tfor_pris" placeholder="pris pa torrfor"><br>

        <label for="fett">Fettprosent;</label> 
    <input type="number" name="tfor_fett" id="tfor_fett" placeholder="fett i torrfor">

        <label for="karb">Prosent karbohydrater</label>    
    <input type="number" name="tfor_karb" id="tfor_karb" placeholder="karb i torrfor">

        <label for="protin">Proteinprosent</label>    
    <input type="number" name="tfor_prot" id="tfor_prot" placeholder="prot i torrfor"> <br>

        <input type="button" value="OK" onClick="history.go()">
    <input type="reset" value="Reset" onClick="history.go()">
</form>




 <script language="javascript">

//henter verdien av input
    var vekt = document.getElementById('vekt').value;
    var pris = document.getElementById('vfor_pris').value;


//for å regne ut vedlikeholdsbehovet
var vedlike = vekt * 134 * 0.75;

//document.write(vekt);
document.write ('<br>Vedlikeholdsbehov ' + vedlike + ' kcal');

//regne ut antall gram med vom iht. vedlikeholdsbehov

var gram = vedlike/2.3;
var gram2 = gram.toFixed(2);



//torrfor

var tfor_fett = document.getElementById('tfor_fett').value / 100;
var tfor_karb = document.getElementById('tfor_karb').value / 100;
var tfor_prot = document.getElementById('tfor_prot').value / 100;
var tfor_tot = tfor_fett + tfor_karb + tfor_prot;

//regne ut hvor mange kcal utifra naeringsinnhold

var tfor_fett_kcal = tfor_fett * 9;
var tfor_karb_kcal = tfor_karb * 4.5;
var tfor_prot_kcal = tfor_prot * 4.5;
var tfor_tot_kcal = tfor_fett_kcal + tfor_karb_kcal + tfor_prot_kcal;
var tfor_tot_kcal2 = tfor_tot_kcal /1000;

//document.write('<br><br><br><b> torrfor  </b>    ' + tfor_tot_kcal + ' <br><br>');


//document.write('<br><br><br>total kcal ' + vfor_tot_kcal);

var kg = gram / 1000;
var pris_hund = kg * pris;
var pris_hund2 = pris_hund.toFixed(2);

document.write('<br><br><h3>Vom </h3>');
document.write('<br><br>Antall gram med vom: ' + gram2); 
document.write('<br><br>Pris per hund: ' + pris_hund2);


var tfor_gram = vedlike / tfor_tot_kcal;
var tfor_gram2 = tfor_gram.toFixed(2);

var tfor_kg = tfor_gram / 1000;
var tfor_pris = document.getElementById('tfor_pris').value;

var tfor_pris2 = tfor_pris * tfor_kg;
var tfor_pris3 = tfor_pris2.toFixed(2);

document.write('<br><br><h3>T&oslash;rrfor </h3>');
document.write('<br><br>Antall gram med torrfor: ' + tfor_gram2); 
document.write('<br><br>Pris per hund: ' + tfor_pris3);


</script> 
</body>
</html>


分岔器
分岔器
亨登斯·维克特：


普瑞斯·帕林；vå；tforet：


普瑞斯·帕林；tø；rforet；：


胎儿暴露；
Prosent karbohydrater
蛋白质输入


//henter verdien av输入
var vekt=document.getElementById（'vekt'）。值；
var pris=document.getElementById（'vfor_pris'）。值；
//为了你的利益
var vedlike=vekt*134*0.75；
//文件编写（vekt）；
document.write（'
Vedlikeholdsbehov'+vedlike+'kcal'）；
//这是我的名字。韦德里克霍尔茨贝霍夫
var gram=vedlike/2.3；
var gram2=固定的克数（2）；
//托尔福
var tfor_fett=document.getElementById（'tfor_fett'）。value/100；
var tfor_karb=document.getElementById（'tfor_karb'）。value/100；
var tfor_prot=document.getElementById（'tfor_prot'）。value/100；
var tfor_tot=tfor fett+tfor karb+tfor prot；
//乌提夫拉-纳林辛霍尔德管理区
var tfor_fett_kcal=tfor_fett*9；
var t for_karb_kcal=t for_karb*4.5；
变量tfor_prot_kcal=tfor_prot*4.5；
var tfor_tot_kcal=tfor_fett_kcal+tfor_karb_kcal+tfor_prot_kcal；
var tfor_tot_kcal 2=tfor_tot_kcal/1000；
//文件。书写（“


托尔代表”+t代表“大卡+”

）；
//文件。书写（“


总千卡”+vfor_tot_千卡）；
var kg=克/1000；
var pris_hund=kg*pris；
var pris_hund2=pris_hund.toFixed（2）；
写（“

Vom”）；
文件。书写（'

Antall gram med vom:'+gram2）；
文件。写入（“

每单位价格：”+Pris_hund2）；
var t for_gram=vedlike/t for_tot_kcal；
var tfor_gram2=tfor_gram.toFixed（2）；
var t for_kg=t for_g/1000；
var tfor_pris=document.getElementById（'tfor_pris'）。值；
var t for_pris2=t for_pris*t for_kg；
var tfor_pris2=tfor_pris2.toFixed（2）；
编写（“

Tø；rrfor”）；
文件。写（“

所有文件：”+tfor_gram2）；
文件。写入（“

每单位价格：”+t用于价格3）；

我很惊讶它居然还能工作

基本代码很好，干得好！问题在于，脚本一运行就从表单中查找值，这是指页面上所有内容都可见的时刻

因此，基本上，您的脚本是在计算一个空表单的值

修复方法：将所有脚本放入Javascript函数中。然后在表单中添加一个按钮来调用函数

你的意思是：函数beregning（）{function}