음 제가 조금 더 자세히 봐야겠지만 파악한 문제는 다음과 같습니다. 구현하시고자 하는 바는 전반적으로 파악이 되는데, 순서와 범위를 명확히 설정해주셔야 될 것 같습니다!

기존 데이터 값들은 onclick이 활성화 됐는데,

이 의미는, 처음 트위틀러가 뜰 때 자바스크립트가 1회 작동할겁니다. 그 때 onclick에 함수가 모두 잘 할당 되었을 것입니다.

이후의 랜덤 데이터와 입력한 데이터 값들은 활성화가안되네요 ㅠㅠ

이후에 추가되는 데이터는, onclick이 할당되지 않았을 것입니다.

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images, scripts, links and sub-frames have finished loading.

onclick을 할당하시는 방식이, window.onload에 함수를 할당하셔서 for문을 작동시키셨는데요, onload는 웹페이지가 한번 뜨고 (랜더된다고 표현합니다) 그 이후에 자바스크립트로 작동하는 요소에는 적용이 되지 않습니다. 그래서 onclick이 이후에 추가된 데이터에는 할당되지 않은 것 같습니다.

버튼을 눌러서 엘리먼트를 생성하실 때, 아예 onclick을 다는 방안은 어떨까요?