Google chrome extension 如何在html中为chrome扩展随机分配视频

Google chrome extension 如何在html中为chrome扩展随机分配视频,google-chrome-extension,Google Chrome Extension,大家好,我正在尝试做一个chrome扩展,但我真的不知道该怎么做!这是我的代码(相当长),我尝试在你点击图标并有视频时进行随机分组,但我无法理解,因为我已经查找了它,但这是一个非常具体的问题 <html> <head> <style type="text/css"> body { margin: 0px; padding: opx; font-family: Comic Sans MS; font-size: 13px; } </style>

大家好,我正在尝试做一个chrome扩展,但我真的不知道该怎么做!这是我的代码(相当长),我尝试在你点击图标并有视频时进行随机分组,但我无法理解,因为我已经查找了它,但这是一个非常具体的问题

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

身体{
边际:0px;
填充:opx;
字体系列:Comic Sans MS;
字体大小:13px;
}
再试一次

函数myFunction(){ var x=数学地板((数学随机()*6)+1); document.getElementById(“demo”).innerHTML=x; } 如果x=1){ 您的浏览器不支持视频标记。 } 如果x=2){ 您的浏览器不支持视频标记。 } 如果x=3){ 您的浏览器不支持视频标记。 } 如果x=4){ 您的浏览器不支持视频标记。 } 如果x=5){ 您的浏览器不支持视频标记。 } 如果x=6){ 您的浏览器不支持视频标记。 }

谢谢你的回复

代码错误的快速列表:

  • 的语法如果不正确,则省略了左括号
  • 您不是在比较if条件中的值,而是在赋值。您应该使用
    =
    而不是
    =
  • 条件块不包括在函数体中,因此它只执行一次,而不是每次调用函数时
  • if的内容只是普通的HTML,而不是修改


谢谢您的回复!那么我将如何更改if语法呢。我也不知道你的第三个要点是什么意思!