按钮计数器的简码答案

【问题标题】：Shortcode for button counter按钮计数器的简码
【发布时间】：2014-12-14 17:43:10
【问题描述】：

我只是想创建一个简码来计算按下按钮的次数，我的 function.php 文件中有此代码。

function btn_cntr_shortcode(){

'<input type="button" value="Count" id="countButton" />

<p>The button was pressed <span id="displayCount">0</span> times.</p>'

'<script type="text/javascript">'
  var $count = 0;
  var button = document.getElementById("countButton");
  var display = document.getElementById("displayCount");

  button.onclick = function(){
    $count++;
    display.innerHTML = $count;
  }
'</script>'
return $count;

}
add_shortcode('button-counter','btn_cntr_shortcode');

但出现以下错误。

解析错误：语法错误，第 4645 行 /home1/election/public_html/wp-content/themes/Divi/functions.php 中的意外“'<script type="text/javascript”（T_CONSTANT_ENCAPSED_STRING）

感谢任何帮助。提前致谢

【问题讨论】：

这是 PHP 吗？看起来 PHP 和 JavaScript 生了一个孩子，书中的每一个基因缺陷都有……

标签： javascript php wordpress button

【解决方案1】：

试试这个：

function btn_cntr_shortcode(){

$output= '<input type="button" value="Count" id="countButton" />
          <p>The button was pressed <span id="displayCount">0</span> times.</p>

          <script type="text/javascript">
            var count = 0;
            var button = document.getElementById("countButton");
            var display = document.getElementById("displayCount");

           button.onclick = function(){
             count++;
             display.innerHTML = count;
             }
          </script>';

return $output;

}
add_shortcode('button-counter','btn_cntr_shortcode');

【讨论】：