Question

大家好，我正在尝试制作镀铬扩展程序，但我不确定该怎么做！这是我的代码（很长）当我点击图标并在其中有视频时我试图进行随机化，但我不能理解它，因为我查了一下，但这是一个非常具体的问题！

<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>

感谢您的回复！

Answer 1

代码错误的快速列表：

if的语法不正确，您省略了左括号。
您没有比较if条件中的值，而是要分配值。您应该使用==代替=。
条件块不包含在函数体中，因此它只会执行一次，而不是每次调用函数时都会执行。
您的if的内容只是简单的HTML，而不是用于修改<p id="demo"></p>的内部HTML的javascript代码

我如何在html中随机化视频以进行chrome扩展

1 个答案: