javascript - PHP 和 JS | div onclick 播放声音并更改背景

Question

我有一个 div 列表，我希望每个单击的 div 都会:
播放声音 ＆改变其颜色 3 秒。

我的代码
声音:

<?php  
$x = 1;
while($x <= 24) {
  echo "<audio id='$x' src='samples/s$x.wav'></audio>";
  $x++;
} 
?>

div:

<?php  
$x = 1;
echo "<tr>";
while($x <= 24) {
  echo "<div id='lupad' onclick='style.backgroundColor = "#FF0000"; setTimeout(function(){style.backgroundColor = '#000000';}, 320); document.getElementById('$x').play()'>$x</div>";
  $x++;
} 
?>

该函数适用于 html，但不适用于 php。
谢谢

Answer 1

您的语法有错误。你的双引号里面有双引号。您可以在背景颜色的双引号之前添加反斜杠以使其起作用。

<?php  
$x = 1;
echo "<tr>";
while($x <= 24) {
  echo "<div id='lupad' onclick='style.backgroundColor = \"#FF0000\"; setTimeout(function(){style.backgroundColor = \"#000000\";}, 320); document.getElementById(\"$x\").play()'>$x</div>";
  $x++;
} 
?>