Строка определяет лишь значение " " (пробел), и заменяет его на " | ", как в таком случае, добавить возможность одновременного определения в строке и " " (пробела) и "," (запятой) c последующей заменой на " | "
const splitter = document.querySelector('#sdk');
splitter.addEventListener("click", () => {
function splitString(stringToSplit, separator) {
var arrayOfStrings = stringToSplit.split(separator);
var csde = document.querySelector('#krw');
csde.value = arrayOfStrings.join(' | ');
}
var tempestString = document.querySelector('#krw').value
var space = ' ';
splitString(tempestString, space);
});