let gl, canvas, current_molecula;

const start = () => {
  canvas = document.getElementById("glcanvas");

  gl = initWebGL(canvas);      // инициализация контекста GL

  // продолжать только если WebGL доступен и работает

  if (gl) {
    gl.clearColor(0.0, 0.0, 0.0, 1.0);                      // установить в качестве цвета очистки буфера цвета черный, полная непрозрачность
    gl.enable(gl.DEPTH_TEST);                               // включает использование буфера глубины
    gl.depthFunc(gl.LEQUAL);                                // определяет работу буфера глубины: более ближние объекты перекрывают дальние
    gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT);      // очистить буфер цвета и буфер глубины.
  }
}

const initWebGL = (canvas) => {
  gl = null;

  try {
    // Попытаться получить стандартный контекст. Если не получится, попробовать получить экспериментальный.
    gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
  }
  catch(e) {}

  // Если мы не получили контекст GL, завершить работу
  if (!gl) {
    alert("Unable to initialize WebGL. Your browser may not support it.");
    gl = null;
  }

  return gl;
}

// функция вызывается в случае ввода текста в поле для идентификации молекулы
const getMolecula = () => {
    let text = document.getElementById("searchbox").value;
    if (text) {
        // alert(text)
        current_molecula = text;


        //Обращение к серверу
        const status = (response) => {
            if (response.status !== 200) {
                return Promise.reject(new Error(response.statusText))
            }
            return Promise.resolve(response)
        }
        const json = (response) => {
            return response.json()
        }

        let link = "https://pubchem.ncbi.nlm.nih.gov/rest/pug/compound/fastformula/" + current_molecula + "/JSON";

        //Скачивание по ссылке
        fetch(link)
        .then(status)
        .then(json)
        .then(function (data) {
            alert('data', data)
        })
        .catch(function (error) {
            alert('error', error)
        })

    }
}