Alert button in innerhtml

Question

У меня есть функция javascript для вызова этого результата в div-файле div. Как предупредить «Функция предупреждения» при нажатии кнопки?

$html.='<table class="table table-striped table-bordered table-hover"> 
      <thead> 
       <tr> 
        <th width="5%">#</th> 
        <th>Title</th> 
        <th>Action</th> 
       </tr> 
      </thead> 
      <tbody>'; 
      $c=1; 
     foreach($titles AS $item){ 
      $html.='<tr> 
        <td>'.$c.'</td> 
        <td>'.urldecode($item->title_content).'</td> 
        <td><button type="button" class="btn btn-danger" onclick="alert(\'**Alert Function**\')">Delete</button></td> 
       </tr>'; 
       $c++; 
     } 
     $html.='</tbody> 
     </table>'; 
     echo $html; 

Благодаря

Answer 1

Поскольку это PHP, вы можете непосредственно вставить onClick() событие, как это:

<td><button type="button" id="deleteButton" class="btn btn-danger" onclick="alertFunction()">Delete</button></td> 

А потом в JavaScript файле:

function alertFunction() 
{ 
    alert('My custom text'); 
} 

Дай мне знать, если который решает вашу проблему, и если я правильно понял ваш вопрос.

Если onClick() написано в самом JavaScript, а затем удалить эту часть и добавить дополнительную строку в сценарии JavaScript:

document.getElementById("deleteButton").addEventListener("click", alertFunction); 

Answer 2

Создайте отдельную функцию для обработки onclick события. Это будет полезно в будущем, если вы хотите передать какой-либо аргумент

<td><button type="button" class="btn btn-danger" onclick="clickButton()">Delete</button></td> 

Где-то в вашем коде внутри тега скрипта создать вызов функции clickButton()

function clickButton(){ 
alert('Alert Function') 
}