@Indiftech

Как отобразить результаты скрипта в HTML?

Есть такой код:

let file = document.getElementById('input');
file.onchange = function(e) {
  let ext = this.value.match(/\.([^\.]+)$/)[1];
  switch (ext) {
    case 'json':
      break;
    default:
      alert('Выберите файл .JSON');
      this.value = '';
  }
};


let filejson = document.getElementById('input');

 
filejson.addEventListener('change', function(event) {
let file =  filejson.files[0];
let reader = new FileReader();
reader.onload = function (event) {
const textJSON = event.target.result;
var array = textJSON.split('\n');
document.write(array)

var spaces = 4
 

  let jsonString = JSON.stringify(array)
  let jsonObj 
  try{
    jsonObj = JSON.parse(jsonString)
  }
  catch(err){
    console.log(err.message)
  }
 
  function parseJSON(obj, nesting = 0){
    if(obj instanceof Object){
      for (const [key, value] of Object.entries(obj)) {
        console.log("-".repeat(nesting * spaces), key)
        parseJSON(value, nesting + 1)
      }
    }
    else{
      console.log("-".repeat(nesting * spaces), obj)
      return;
    }
  }
 parseJSON(jsonObj)

его результат в консоли:
600aea9aef146691129920.jpeg
нужно реализовать такой функционал:
600aeae4aed9f553972352.jpeg

При нажатии на элемент будет показываться его значение (в отдельном div) Как это можно реализовать?

Буду очень признателен.
  • Вопрос задан
  • 133 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы