按钮计数器的简码

Question

我只是想创建一个短代码来计算按下按钮的次数，我的函数.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

）

任何帮助，不胜感激。提前致谢

Answer 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');