2016-09-08 16 views
-6

私はこのコードのコピーを何度も書いてきましたが、それはうまくいきましたが、今は変数を表示したくありません!私は自分の作業中のHTMLコードのすべての小さなものを見て、必要なものを文字通り新しいファイルにコピーしましたが、ちょうど作業したくない... "str"と "score"が表示されるはずですあなたは1つのvarステートメントが、あなたと一緒に複数の変数を宣言することができますなぜ私の変数は表示されませんか?それはいつもうまく働いた

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<title>Loading...</title> 
 
\t <style> 
 
\t \t body{ 
 
\t \t \t font-size:20px; 
 
\t \t \t margin:0; 
 
\t \t \t overflow:hidden; 
 
\t \t } 
 
\t \t #str{ 
 
\t \t \t display:block; 
 
\t \t \t font-size:30px; 
 
\t \t \t position: fixed; 
 
\t \t \t top: 1.0em; 
 
\t \t \t left: 1.0em; 
 
\t \t \t user-select: none; 
 
\t \t \t -moz-user-select: none; 
 
\t \t \t -khtml-user-select: none; 
 
\t \t \t -webkit-user-select: none; 
 
\t \t \t -o-user-select: none; 
 
\t \t } 
 
\t \t #str:hover{ 
 
\t \t \t text-decoration: underline; 
 
\t \t \t cursor: pointer; 
 
\t \t } 
 
\t \t #score{ 
 
\t \t \t display:block; 
 
\t \t \t font-size:30px; 
 
\t \t \t position: fixed; 
 
\t \t \t top: 2.0em; 
 
\t \t \t left: 1.0em; 
 
\t \t \t user-select: none; 
 
\t \t \t -moz-user-select: none; 
 
\t \t \t -khtml-user-select: none; 
 
\t \t \t -webkit-user-select: none; 
 
\t \t \t -o-user-select: none; 
 
\t \t } 
 
\t \t #score:hover{ 
 
\t \t \t cursor: default; 
 
\t \t } 
 
\t \t #blackBox{ 
 
\t \t \t background-color:black; 
 
\t \t \t display:block; 
 
\t \t \t position:fixed; 
 
\t \t \t width:0.1%; 
 
\t \t \t bottom:4.0em; 
 
\t \t \t left:0.0em; 
 
\t \t \t padding:0.5em 0em; 
 
\t \t \t text-align:left; 
 
\t \t \t vertical-align:top; 
 
\t \t \t border:2px solid black; 
 
\t \t } 
 
\t \t #blackBox2{ 
 
\t \t \t display:block; 
 
\t \t \t position:fixed; 
 
\t \t \t width:99.5%; 
 
\t \t \t bottom:4.0em; 
 
\t \t \t left:0.0em; 
 
\t \t \t padding:0.5em 0em; 
 
\t \t \t text-align:left; 
 
\t \t \t vertical-align:top; 
 
\t \t \t border:2px solid black; 
 
\t \t } 
 
\t </style> 
 
\t <script type="text/javascript"> 
 

 
\t var _gaq = _gaq || []; 
 
\t _gaq.push(['_setAccount', 'UA-33914917-1']); 
 
\t _gaq.push(['_setDomainName', 'dhmholley.co.uk']); 
 
\t _gaq.push(['_trackPageview']); 
 

 
\t (function() { 
 
\t \t var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
 
\t \t ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
 
\t \t var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
 
\t })(); 
 

 
\t </script> 
 
</head> 
 
<body onload="initialise()"> 
 

 
<div id="blackBox"></div> 
 
<div id="blackBox2"></div> 
 

 
<script> 
 
var prc = 0, 
 
\t W = 1, 
 

 
function initialise(){ 
 
\t createInterface(); 
 
\t updateScore(); 
 
} 
 

 
function mload(){ 
 
    \t prc = prc + 1; 
 
    \t W = prc/100; 
 
    \t document.getElementById("blackBox").style.width = W + "%"; 
 
    \t updateScore(); 
 
} 
 

 
function createInterface(){ 
 
\t var score = document.createElement('div'); 
 
\t score.id = 'score'; 
 
\t score.innerHTML = prc; 
 
\t document.body.appendChild(score); 
 

 
\t var str = document.createElement('div'); 
 
\t str.id = 'str'; 
 
\t str.innerHTML = 'Loading...'; 
 
\t str.onclick = function(){ 
 
\t \t mload(); 
 
\t } 
 
\t document.body.appendChild(str); 
 
} 
 

 
function updateScore(){ 
 
\t document.getElementById('score').innerHTML = prc; 
 
} 
 

 
</script> 
 

 
</body> 
 
</html>

+5

は、コンソールを確認しましたそれは1 = W、あなたのための権利が –

+1

するvar PRC = 0ですが、機能は '構文エラー –

+1

です"Uncaught SyntaxError:予期せぬトークン関数" " – epascarello

答えて

0

:左上の「読み込んでいます... 0」が、ここでいや、何も... ようなコードですすべてのコマンドをで閉じる必要があります。 !その可能性を残すことが、私は(そこに良い例があるwouldntは?:

//not good but should work: 
var a,b 
function c(){} 

//the best solution: 
var a,b; 
function c(){}; 

//what you did 
var a,b,function c(){}; 
//wich is invalid 
関連する問題