2016-03-21 1 views
-1

こんにちは皆、私はクロムエクステンションをしようとしていますが、どうしたらよいか分かりません!これは私のコードです(かなり長いです)。あなたがアイコンをクリックしてビデオを持っているときにランダム化をしようとしていますが、私はそれを見てきましたが、かなり特定の質問です。クロムエクステンションのhtmlでビデオをランダム化するには

<html> 

<head> 
<style type="text/css"> 
body { 
margin: 0px; 
padding: opx; 
font-family: Comic Sans MS; 
font-size: 13px; 
} 

</style> 
</head> 
</body> 

<body> 


<button onclick="myFunction()">Try again</button> 

<p id="demo"></p> 

<script> 
function myFunction() { 
    var x = Math.floor((Math.random() * 6) + 1); 
    document.getElementById("demo").innerHTML = x; 
} 

if x = 1) { 
    <video width="320" height="240" controls> 
    <source src="Clip 1.mp4" type="video/mp4"> 
    <source src="Clip 1.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 

if x = 2) { 
    <video width="320" height="240" controls> 
    <source src="Clip 2.mp4" type="video/mp4"> 
    <source src="Clip 2.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 

if x = 3) { 
    <video width="320" height="240" controls> 
    <source src="Clip 3.mp4" type="video/mp4"> 
    <source src="Clip 3.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 

if x = 4) { 
    <video width="320" height="240" controls> 
    <source src="Clip 4.mp4" type="video/mp4"> 
    <source src="Clip 4.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 

if x = 5) { 
    <video width="320" height="240" controls> 
    <source src="Clip 5.mp4" type="video/mp4"> 
    <source src="Clip 5.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 

if x = 6) { 
    <video width="320" height="240" controls> 
    <source src="Clip 6.mp4" type="video/mp4"> 
    <source src="Clip 6.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
} 
</script> 

</body> 
</html> 

返信いただきありがとうございます!あなたのコードが間違って何の

答えて

0

クイックリスト:

  • あなたifの構文が間違っている、あなたは左括弧を省略しています。
  • if条件で値を比較していないため、値を割り当てています。 =の代わりに==を使用してください。
  • 条件ブロックは関数本体に含まれていないため、関数が呼び出されるたびに実行されるのではなく、1回だけ実行されます。
  • 返信用<p id="demo"></p>
+0

感謝の内部HTMLを修正する代わりにJavaScriptコードを、単なるHTMLであれば、あなたの内容! if構文をどのように変更するのでしょうか。また、私はあなたがあなたの3番目の箇条書きのポイントを意味するか分からない! – memed

+0

またはあなたの第4弾! – memed

関連する問題