tan() Method in TypeScript

Syntax
  1. Math.tan(number);
The following example shows how to use the tan() method and it returns the tangent of numbers in radians. We use the following steps to use this method.
Step 1
Open Visual Studio 2012 and click "File" -> "New" -> "Project...". A window is opened. Give the name of your application as "tangent" and then click ok.
Step 2
After this session the project has been created; your new project should look like this:
solotion-explorer-type-script.gif

Coding

tangent.ts
  1. class tangent {
  2. constructor() {}
  3. tangentofnumber() {
  4. for (var n = 1; n <= 10; n++) {
  5. var span = document.createElement("span");
  6. var num = Math.tan(n);
  7. span.style.color = "green";
  8. span.innerText = "Tangent of nun " + n + "->" + num.toString() + "\n";
  9. document.body.appendChild(span);
  10. }
  11. }
  12. tangentofangel() {
  13. for (var n = 1; n <= 6; n++) {
  14. var x = 30;
  15. var z = 30 * n;
  16. var span = document.createElement("span1");
  17. var num = Math.tan(z);
  18. span.style.color = "blue";
  19. span.innerText = "Tangent of angels " + z + "->" + num.toString() + "\n";
  20. document.body.appendChild(span);
  21. }
  22. }
  23. }
  24. var s = new tangent();
  25. s.tangentofnumber();
  26. s.tangentofangel();
tangentfunctiondemo.html
  1. <!DOCTYPEhtml>
  2. <htmllang="en"
  3. xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <metacharset="utf-8"/>
  6. <title>Tangent function</title>
  7. <linkrel="stylesheet"href="app.css"type="text/css"/>
  8. <scriptsrc="app.js">
  9. </script>
  10. </head>
  11. <body>
  12. <h1>tan() function in TypeScript HTML App</h1>
  13. <scriptsrc="app.js">
  14. </script>
  15. <divid="content"/>
  16. </body>
  17. </html>
app.js
  1. var tangent = (function() {
  2. function tangent() {}
  3. tangent.prototype.tangentofnumber = function() {
  4. for (var n = 1; n <= 10; n++) {
  5. var span = document.createElement("span");
  6. var num = Math.tan(n);
  7. span.style.color = "green";
  8. span.innerText = "Tangent of nun " + n + "->" + num.toString() + "\n";
  9. document.body.appendChild(span);
  10. }
  11. };
  12. tangent.prototype.tangentofangel = function() {
  13. for (var n = 1; n <= 6; n++) {
  14. var x = 30;
  15. var z = 30 * n;
  16. var span = document.createElement("span1");
  17. var num = Math.tan(z);
  18. span.style.color = "blue";
  19. span.innerText = "Tangent of angels " + z + "->" + num.toString() + "\n";
  20. document.body.appendChild(span);
  21. }
  22. };
  23. return tangent;
  24. })();
  25. var s = new tangent();
  26. s.tangentofnumber();
  27. s.tangentofangel();
Output
final-result-type-script.gif
Referenced By
http://www.typescriptlang.org/