Внешний вызов JS-файла

Я пытаюсь сделать калькулятор заработной платы для страницы резюме. Моя функция работает, когда ее внутренняя, однако, когда я меняю ее на внешнюю, моя кнопка и функция не работают. Я пытаюсь сделать это в центре div. Игнорировал раздел других страниц, поскольку это просто ссылки.
Любая помощь очень ценится!Внешний вызов JS-файла

Вот мой HTML:

<!DOCTYPE html> 
<html> 

<!--External--> 

<head> 


<title>Resume of Michael R. Young </title> 
<link rel = "stylesheet" href = "michaelyoung.css"/> 
<script type="text/javascript" src="work.js"></script> 
</head> 


<body> 

<div> 
<h1><img src="Banner.jpeg" alt="Banner" style="width:750px;height:100px;"> </h1> 

<div class = 'main'> <!-- Main gray div --> 
<h4> Wage Calculator</h4> 
    <!--border--> 
<div class = 'left' > <!-- Left div --> 
    <p> Other pages </p> 
    <p><a href="School.html" title="Schools I have attended."> School</a></p> 
    <p><a href="Contact.html" title="Contact information">Contact</a></p> 
    <p><a href="Awards.html" title="Awards I've receieved.">Awards</a></p> 
    <p><a href="Degrees.html" title="Years and Degrees earned.">Degrees</a></p> 

</div> 


<div class = 'center'> <!-- Center div Took out inline but not working--> 
<h3> Salary calculator</h3> 



<p> Enter wage per hours: <input type="text" id="textOne" /></p> 
<p> Enter hours per week: <input type="text" id="textTwo" /></p> 


<input type="button" onclick="getText()" value="Check" /> 
<p id="change"></p> 


</div> 



    </div> 
    </div> 

</body> 
</html>`

Моя JavaScript:

 <script> 

function getText(){ 

    //access the element with the id 'textOne' and get its value 
    //assign this value to the variable theText 
    var theText = document.getElementById('textOne').value; 

    //alert("Your Hourly Wage is: " + theText); 

var hours= document.getElementById('textTwo').value; 
//alert("Your hours per week is: " + hours); 



var hourlywage=document.getElementById('textOne').value;//saving in hourlywage 

var hoursWorked=document.getElementById('textTwo').value;//saving in hoursWorked 


var wage = parseInt(hourlywage);//changing to INT 
//document.write(wage); 
var hours = parseInt(hoursWorked);//changing to INT 
//document.write(hours); 

var totalpay= (wage * hours)*52; 

if(totalpay<20000) 
{ 
    document.getElementById("change").innerHTML ="Yearly salary of: $"+totalpay +" is too low thank you!"; 

} 
else if(totalpay>20000 && totalpay<25000) 
{ 
document.getElementById("change").innerHTML ="Yearly salary of: $"+totalpay +" is close lets negotiate!"; 
} 
else 
{ 
document.getElementById("change").innerHTML ="Yearly salary of: $"+totalpay + " is just right!" 
} 


//document.write(totalpay); 


} 

</script>

источник

2015-09-28 Mike Young

Вы можете увидеть ли 'работа .js' загружается, когда он является внешним файлом? Если вы используете [Инструменты разработчика Chrome] (https://developers.google.com/web/tools/setup/workspace/setup-devtools), вы можете проверить, успешно ли файл успешно. – bunnmatt

вам нужно переместить JS в нижней части страницы:

.... 
</div> 
<script type="text/javascript" src="work.js"></script> 

</body> 
</html>`

источник

2015-09-28 15:32:10 monxas

Внешний вызов JS-файла

ответ

Смежные вопросы