单击div元素jquery后显示保存的用户内容值（Html5）

您好，我有一个问题，单击另一个div时如何显示保存的用户内容值这是我的用户编辑保存脚本

<script>
function saveEdits() {

//get the editable element
var editElem = document.getElementById("edit");

//get the edited element content
var userVersion = editElem.innerHTML;

//save the content to local storage
localStorage.userEdits = userVersion;

//write a confirmation to the user
document.getElementById("update").innerHTML="Änderungen gespeichert!";

}

function checkEdits() {

//find out if the user has previously saved edits
if(localStorage.userEdits!=null)
document.getElementById("edit").innerHTML = localStorage.userEdits;
}

</script>

函数saveEdits（）{
//获取可编辑元素
var editElem=document.getElementById（“编辑”）；
//获取编辑的元素内容
var userVersion=editElem.innerHTML；
//将内容保存到本地存储
localStorage.userEdits=userVersion；
//给用户写一封确认信
document.getElementById（“更新”）.innerHTML=“Änderungen gespeichert！”；
}
函数checkEdits（）{
//了解用户以前是否保存过编辑
if（localStorage.userEdits！=null）
document.getElementById（“编辑”）.innerHTML=localStorage.userEdits；
}

现在，我希望存储的用户值显示在一个div中，id代码为1，点击一个按钮，有人想修复吗？ 编辑：

用户内容应显示在此div中

<div id="code1" class="code">User Content Value</div>

用户内容值

点击此按钮后

<a href="#" id="codebtn1" class="button" style="display: block;"><span class="fa fa-code"></span> Quellcode anzeigen</a>

试试这个

HTML

演示

这应该可以完成任务（没有jQuery）：

---

@Pawan Lakhara编辑；）抱歉不为我工作无法获取用户内容值也许是个主意看看我上面的脚本她从上面的窗口加载url，而不是用用户选择的内容显示演示

<div id="pwdDescription">
 </div>
<a href="#" id="codebtn1" class="button" style="display: block;"><span class="fa fa-code"></span> Quellcode anzeigen</a>

 $(document).ready(function () {
        $('#codebtn1').click(function (e) {

          document.getElementById("pwdDescription").innerHTML = "Value";
        });
 });

function showEdits(){
    if(localStorage.userEdits!=null){
        var target = document.getElementById("code1");
        target.innerHTML = localStorage.userEdits;
    }

}

var button = document.getElementById("codebtn1");
button.addEventListener("click", showEdits);