不在显示每个 keyup 时保留字母（纯 javascript）

Question

我正在制作凯撒解码功能，但每次我更改显示不保留的字母时，我需要保留 dom 中的前一个字母，我怎样才能以最小的更改实现这一点在我的代码中

var max = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"
var input = document.querySelector('#un');
input.addEventListener("keyup", caesar)

function caesar() {
  var userpref = 1
  var joe = max.split("")
  var text = document.querySelector('#un').value;
  var textlet = Array.of(...text);
  var num = joe.indexOf(textlet[textlet.length - 1]) + userpref
  var fin = joe[num]
  var decoded = document.querySelector('#decoded').innerHTML = fin;

}

<input id="un" type="text">
<div id="decoded"></div>
<div id="list"></div>

Answer 1

我更新了下面的片段：

只需添加一个 + 来连接字符串。

var max = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"
var input = document.querySelector('#un');
input.addEventListener("keyup", caesar)

function caesar() {
  var userpref = 1
  var joe = max.split("")
  var text = document.querySelector('#un').value;
  var textlet = Array.of(...text);
  var num = joe.indexOf(textlet[textlet.length - 1]) + userpref
  var fin = joe[num]
  var decoded = document.querySelector('#decoded').innerHTML += fin; // add this plus here!

}

<input id="un" type="text">
<div id="decoded"></div>
<div id="list"></div>

不在显示每个 keyup 时保留字母（纯 javascript）

Not Retaining letters in display each keyup (pure javascript)

html

javascript

decode