freeCodeCamp/client/commonFramework/output-display.js

window.common = (function(global) {
  const {
    CodeMirror,
    document: doc,
    common = { init: [] }
  } = global;

  const { challengeType = '0' } = common;

  if (
    !CodeMirror ||
    challengeType === '0' ||
    challengeType === '7'
  ) {
    common.updateOutputDisplay = () => {};
    common.appendToOutputDisplay = () => {};
    return common;
  }

  var codeOutput = CodeMirror.fromTextArea(
    doc.getElementById('codeOutput'),
    {
      lineNumbers: false,
      mode: 'text',
      theme: 'monokai',
      readOnly: 'nocursor',
      lineWrapping: true
    }
  );

  codeOutput.setValue(`
    /**
      * Your output will go here.
      * Console.log() -type statements
      * will appear in your browser\'s
      * DevTools JavaScript console.
      */'
  `);

  codeOutput.setSize('100%', '100%');

  common.updateOutputDisplay = function updateOutputDisplay(str) {
    codeOutput.setValue(str);
    return str;
  };

  common.appendToOutputDisplay = function appendToOutputDisplay(str) {
    codeOutput.setValue(codeOutput.getValue() + str);
    return str;
  };

  return common;
}(window));