为什么onclick函数在下面的Javascript代码段中不起作用？

问题描述

function toggleHide(){
let btn = document.getElementById(`btn`);
let para = document.getElementById(`para`);

  if(para.style.display != 'none'){
    para.style.diplay = 'none';
    }
  else{
    para.style.display = 'block';
  }
}

<p id="para">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Nulla,veniam quia natus animi quos reprehenderit
        voluptates deleniti. nesciunt fugit adipisci veritatis asperiores tempora voluptatibus est illo nulla tenetur ex</p>
    <button id="btn" onclick="toggleHide()"> Show / Hide </button>

代码的工作是通过显示和隐藏它来切换段落，即使JS控制台也无法识别出这里出了什么问题！

解决方法

您拼写的第二个显示错误。

function toggleHide(){
let btn = document.getElementById(`btn`);
let para = document.getElementById(`para`);

  if(para.style.display != 'none'){
    para.style.display = 'none';
    }
  else{
    para.style.display = 'block';
  }
}

<p id="para">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Nulla,veniam quia natus animi quos reprehenderit
        voluptates deleniti. Nesciunt fugit adipisci veritatis asperiores tempora voluptatibus est illo nulla tenetur ex</p>
    <button id="btn" onclick="toggleHide()"> Show / Hide </button>