Convert JS to Typescript

Question

I have a simple Javascript app that counts duplicate numbers inside of an array...

I am currently learning Typescript and I would like to turn this Javascript into a Typescript...

I have angular up and running on my machine, but it can get overwhelming when learning everything about Angular 2.0 and Typescript at the same time.

What would be the best way to convert this to a Typescript?

$(document).ready(function() {
  var n = prompt("Enter your numbers").split(",");
  console.log(n);

  var counts = {};
  n.forEach(function(x) {
    counts[x] = (counts[x] || 0) + 1;
  });

  document.write(
    "<h1>Enter numbers when prompted!</h1>" +
      "<p>You entered following numbers:</p>" +
      n +
      "<br/>" +
      "<p>The occurence is as follows:</p>" +
      JSON.stringify(counts)
  );
});

Any javascript file is also valid typescript. So you're sort of already done — Evert
– Evert, Commented Sep 4, 2017 at 19:45
If you're having trouble learning angular and typescript at the same time (and it's totally reasonable that you would) then don't. Work through some typescript tutorials. Get used to thinking in types. Then learn angular. — Jared Smith
– Jared Smith, Commented Sep 4, 2017 at 19:46
Yeah, I am following typescript course on pluralsight and it's great, however if a newbie has a question it can be tough to find an answer by just googling (typescript is not as widespread as Javascript) — prius
– prius, Commented Sep 5, 2017 at 10:34
Does this answer your question? Is there a tool to convert JavaScript files to TypeScript — Michael Freidgeim
– Michael Freidgeim, Commented Oct 2, 2020 at 11:33

Titian Cernicova-Dragomir · Accepted Answer · 2017-09-04 19:39:40Z

1

You really don't have to do anything, your JS would work fine in TS as well. But if you want to take advantage of all features this is how it would look:

$(document).ready(() => {

    var n = prompt("Enter your numbers").split(",");
    console.log(n);

    var counts : { [nr: string]: number } = {};
    n.forEach((x) => { 
        counts[x] = (counts[x] || 0) +1; 
    });

    document.write(`
    <h1>Enter numbers when prompted!</h1>
    <p>You entered following numbers:</p>${n}<br/>
    <p>The occurence is as follows:</p>${JSON.stringify(counts)}`);

});

answered Sep 4, 2017 at 19:39

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert JS to Typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related