DevMan

https://jsfiddle.net/60hmxjum/

https://highlightjs.org/

и просто в тему Как сделать подсветку для ЯП?

написать свой враппер для вывода в консоль и чудить там как хочется.
пример

https://jsfiddle.net/8u5cm197/1/

$(".button2").click(function() {
    $(".lesson-form-generalov").slideToggle();
    $(this).hide();
})

https://jsfiddle.net/rhgruetc/12/
не изобретайте лисапеды

как-то так https://jsfiddle.net/khpchdwn/4/

повесьте на клик ивент, который будет ставить нужное значение селекту.
вопрос то в чем именно?

вот вам пример https://jsfiddle.net/fy5jj5oe/

https://chrome.google.com/webstore/detail/visual-e...
есть и для других браузеров в виде букмарклета.

никак.
если только написать экстеншен для браузера.

prismjs.com
https://highlightjs.org
https://craig.is/making/rainbows
alexgorbatchev.com/SyntaxHighlighter

учите матчасть: data-атрибуты сторятся НЕ в элементе.

можно и без js, как-то так https://jsfiddle.net/jhcmy7yq/

var str = "Lorem 'vendor/img/pict.jpg' ipsum 'vendor/js/srcipt.js' dolor sit amet,  'lib/ls/jquery/jquery.min.js' consectetur 'img/pict.jpg' adipisicing 'vendor/style/some-style.min.css' elit. Adipisci, tenetur?";
var re = /'vendor\/(\S?\.(?:css|js))'/g; 
var m, matches = [];
 
while(m = re.exec(str)) {
    matches.push(m[1]);
}
console.log(matches);

https://jsfiddle.net/jmsa75zj/

2. jsfiddle.net/k9o8u2h1/1
3. у мну файл итак загружается с оригинальным названием askdev_logo_2013.png

https://jsfiddle.net/cLr8uumm/

ваш код рабочий, https://jsfiddle.net/3njqp9Lo/
возможно, js вызывается до создания input'a.

a = [];
a[1000] = 1;
console.log(a); // [1000: 1]
a.length; // 1001

свойство length равно максимальному индексу плюс 1, а не фактическому кол-ву элементов.

arr = ["test","two",3]; // ["test", "two", 3]
arr.length; // 3
arr.splice(0,2) // [3]
arr.length; // 1

jsfiddle оборачивает код.
https://jsfiddle.net/yrnv93yt/3/ работает

google -> jquery typewriter.
пример