私はクッキーのjavascriptコードを変更する必要があります。私は入力テキストを保存していますが、入力テキストではなくdivテキストを保存する必要があります

Question

divに入力を変更するコードと、入力テキストを保存して表示する2番目のクッキーコードがありますが、毎回enterを押してdivに変更する必要があります。どのようにクッキーにディビジョンスタジアムでそれを保存するには？私はちょうど以下のコードを変更する必要があるが、どのように知っている？

EDIT：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
      <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <input id="name" type="text" class="name" placeholder="What's your name?"/> 
    <div id="text"></div> 

のJavascript（HTMLファイル内）：いくつかのJSの輸入は HTMLを欠落していた

<script> 
    $(document).ready(function(){ 
     var name = Cookies.get('_username'); 
     if (name) { 
      $('#name').val(name); 
     } 
     $('#name').keydown(function(){ 
      var inputName = $('#name').val(); 
      Cookies.set('_username', inputName); 
     }) 
    }); 

    $(document).ready(function(){ 
$('#name').keydown(function(e){ 
    if(e.which==13){ 
     $('#name').hide(); 
     $('#text').html($('#name').val()); 
    } 

    }) 
}); 
    </script> 

はあなたの助けをいただき、ありがとうございます。

Answer 1

私が正しく理解していれば、これはあなたが望むものです。最初にページを読み込んだときに入力が表示され、ユーザーがページを更新すると、Cookieがすでに設定されているため、入力が表示されなくなります。

<script> 
    $(document).ready(function(){ 
     $('#text').hide(); 
     var name = Cookies.get('_username'); 
     if (name) { 
      $('#text').html(name); 
      $('#name').val(name); 
      $('#name').hide(); 
      $('#text').show(); 
     } 
     $('#name').keydown(function(){ 
      var inputName = $('#name').val(); 
      Cookies.set('_username', inputName); 
     }) 
    }); 

    $(document).ready(function(){ 
$('#name').keydown(function(e){ 
     $('#text').html($('#name').val()); 
    if(e.which==13){ 
     $('#name').hide(); 
     $('#text').show(); 
    } 

    }); 

    $('#text').dblclick(function(){ 
    $('#name').show(); 
    $('#text').hide(); 
    }); 
}); 
    </script>