JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <script>
    var exports = {};

  </script>
  <script src="https://unpkg.com/linqscript@1.3.2/dist/source.js"></script>

  <h1>linqscript</h1>
  <a href="https://www.npmjs.com/package/linqscript" target="_blank">NPM-Package</a>

</html>

TypeScript

enum Color {
    Green,
    Red
}
 
class Fruits {
    public Name: string;
    public Color: Color;
}
 
var fruits = new List<Fruits>();
var apple = new Fruits();
apple.Color = Color.Green;
apple.Name = "Apple";
fruits.Add(apple);
 
var redApple = new Fruits();
redApple.Color = Color.Red;
redApple.Name = "Apple";
fruits.Add(redApple);
 
var kiwi = new Fruits();
kiwi.Color = Color.Green;
kiwi.Name = "Kiwi";
fruits.Add(kiwi);
 
 for(var i = 0; i < fruits.length; i++){
 	var fruit = fruits[i];
 	$("html").append("<p>"+ fruit.Name + " is " + "<span>" + Color[fruit.Color] + "</span>" +  "</p>");
 }
 
//JsFiddle doesnt recognize arrow syntax, but this is how it works when compiled
// var names = fruits.Select(x => x.Name) <-- this works in pure TypeScript
var names = fruits.Select(function(x) { return x.Name })
$("html").append(JSON.stringify(names))