將參數傳遞給JavaScript中的函數

Question

我需要創建一個Javascript函數（使用循環），該函數從HTML中的函數調用中接收一個值作為參數，然后作為響應，將撲克牌背面的圖像傳回，但是該參數的值是該值的許多倍。

例如，如果我將值5傳遞給該函數，則應該從現有表內HTML頁面上顯示的函數中獲取卡片背面的5張圖像。

這是我到目前為止所擁有的。 有人可以向我指出我要去哪里的正確方向（預先感謝您的幫助）。

JS

function showCards(numcards) { 
  var data = ""; 
  while (numcards < 5) {
    data += "<td><img src="http://www.college1.com/images/cards/gbCard52.gif" NAME="card0"></td>";
    numcards +=;
  }
  document.writeln(data);
}

的HTML

<table border=0 style='margin:auto'>
  <tr> 
   <td>
     <form>
       <input type="BUTTON" onClick="Javascript:alert('Dummy Link')" value="Deal > > >">
     </form>
   </td> 
   <script type="text/javascript">showCards(5)</script>   
   <td>
     <form>
       <input type="BUTTON" onClick="Javascript:alert('Dummy Link')" value="< < < Hit Me">
     </form>
   </td>
 </tr>
</table> 

Answer 1

您的代碼中主要存在語法錯誤。

1. 可以在字符串中轉義雙引號（即"\\"" ），也可以使用單引號聲明您的字符串。

2. 您試圖使用錯誤的語法來增加numcards 。 正確的語法是numcards++ 。

3. 但這不是您想要的，您想將其遞減為0（即numcard-- ）以獲取卡數或使用for loop計數到numcards 。

 function showCards(numcards) { var data = ""; for (var i = 0; i < numcards; i++) { data += '<td><img src="http://www.college1.com/images/cards/gbCard52.gif" NAME="card0"></td>'; } document.writeln(data); } showCards(5); 

 <table border=0 style='margin:auto'> <tr> <td> <form><input type="BUTTON" onClick="Javascript:alert('Dummy Link')" value="Deal > > >"></form> </td> <td> <form><input type="BUTTON" onClick="Javascript:alert('Dummy Link')" value="< < < Hit Me"></form> </td> </tr> </table> 

Answer 2

 // where you want to append images tag var table = document.querySelector('tbody'); // you can call this method on click event function show(elem , param) { var i = 0; var data = document.createElement("tr"); var td = ""; while (param != i) { td += "<td><img src='http://www.college1.com/images/cards/gbCard52.gif' NAME='card"+i+"'></td>"; i++; } data.innerHTML = td; // append html tr node elem.appendChild(data); } // calling when the script is loaded show(table, 5); 

 <table> <tbody> </tbody> </table>