Menu not closing when an href is clicked. - JavaScript Discussion Boards

Member 978550522-Aug-17 8:38

22-Aug-17 8:38

Help please,

I want to have a form with two fields one is height one is width the results to execute a java script in an i frame on same page as form.

The coding i want to use for example in an if then statement is :

If height = 720 and width = 500 then (statement goes here)

Once code is set up i want to be able to add further statements for example :

if height = 720 and width = 500 then (statement 1 goes here)
if height = 720 and width = 600 then (statement 2 goes here)
if height = 720 and width = 700 then (statement 3 goes here)

i can keep adding different statements all run from the height and width in the form input fields

Any help would be appreciated in setting up this page including all coding.

Thank You

Re: Java Script If Then Statement

Richard MacCutchan22-Aug-17 21:23

Richard MacCutchan

22-Aug-17 21:23

See JavaScript If...Else Statements[^].

input as dtae field,edit and delete buttons.output as a table format in the same page.When we press edit the date will come to the datefield and submit button become as update.when we press update new date has to come in the output.for each and every

Member 1336332215-Aug-17 23:24

Member 13363322

15-Aug-17 23:24

input as dtae field,edit and delete buttons.output as a table format in the same page.When we press edit the date will come to the datefield and submit button become as update.when we press update new date has to come in the output.for each and every row the same format has to work?How by using javascript.

Re: input as dtae field,edit and delete buttons.output as a table format in the same page.When we press edit the date will come to the datefield and submit button become as update.when we press update new date has to come in the output.for each and e

ZurdoDev22-Aug-17 9:12

ZurdoDev

22-Aug-17 9:12

If you read this, does it make sense to you? We have no knowledge of what you are doing and cannot see your computer so you'll need to be much more clear.

There are two kinds of people in the world: those who can extrapolate from incomplete data.

There are only 10 types of people in the world, those who understand binary and those who don't.

dynamically loaded angular material renders to one md pseudo checkbox regardless of what is my template

Member 1103130414-Aug-17 2:36

Member 11031304

14-Aug-17 2:36

Hy,

I create website using angular 4. I try to create component at runtime. The component have angular material tags in string, but only

JavaScript

md-pseudo-checkbox

renders regardless of what tags I use. I don't understand why exact this one is being rendered.

app.module.ts:

@NgModule({
    imports: [
       
        TreeviewModule.forRoot(),
        BrowserModule, FormsModule, HttpModule,
        MaterialModule,
        FlexLayoutModule,
        RouterModule.forRoot([
            { path: '', component: aboutComponent, pathMatch: 'full' },
            { path: 'about', component: aboutComponent }
           

        ]
            ,            { useHash: true }
        ),
        TranslateModule.forRoot({

            loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps:[Http]
            }

        }),

      
        Ng2FilterPipeModule,
        LoadingModule.forRoot({
            animationType: ANIMATION_TYPES.threeBounce,
            backdropBackgroundColour: 'rgba(0,0,0,0.1)',
            backdropBorderRadius: '4px',
            primaryColour: '#0000ff',
            secondaryColour: '#0000ff',
            tertiaryColour: '#0000ff'
        })
        ,
        BusyModule
        , BrowserAnimationsModule
        ,OTFModule
  
    ],


    declarations: [AppComponent, DclWrapper, SanitizeDirective, aboutComponent, LibComponent,  Menu, ReplacePipeComponent, OrderPipeComponent, aboutComponentLoader],
 
    bootstrap: [AppComponent]
   

})

about.component.ts:

import { Component, OnInit,ViewChild,ViewContainerRef,Compiler,Injector,NgModuleRef,AfterViewInit,NgModule} from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { HttpService } from '../servizai/http.service.component';
import { Cookie } from 'ng2-cookies';
import { MaterialModule,MdCard,MdCardModule,MdCardContent } from "@angular/material";
import * as GLOBALUS from '../globalus/globalus';

import {Observable, Subscription } from 'rxjs';

import { List } from 'linqts';

import { MdMenuModule } from '@angular/material';


import { DomSanitizer, SafeHtml } from '@angular/platform-browser';








@Component({

    templateUrl: '../../app/templates/about2.component.html',

    selector: 'about',
    providers: [HttpService],
  
    styles: [`
  .titel {text-transform: uppercase;
    color: #00467f;
    font-weight: bold;
    font-size: 14px;
}
`] 
    
})

export class aboutComponent implements OnInit {

    public puslHTML: any;

    public loading = false;

 

    busy: Subscription;


    constructor(private http: HttpService, private activatedRoute: ActivatedRoute, private _sanitizer: DomSanitizer,

        private _compiler: Compiler,
        private _injector: Injector,
        private _m: NgModuleRef<any>
    
        ) {

    }

   

    ngOnInit(): void {

  

    }


    

}

about.component.html:

<div class="my-container">
    <ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '10px' }"></ngx-loading>
</div>
<div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="space-around start" fxLayoutGap="2%" style="background-color:#e8e8e8;padding:2%;">
  
   <otf-a-component></otf-a-component>
</div>

a.component.ts:

import { Compiler, Component, Injector, NgModule, NgModuleRef, ViewChild, ViewContainerRef } from "@angular/core";
import { MaterialModule} from '@angular/material';

@Component({
    moduleId: module.id,
    selector: 'otf-a-component',
    template: 'I am A component that inserts dynamic B component below: <div #vc></div>'
})

export class OTFAComponent {
    @ViewChild('vc', { read: ViewContainerRef }) _container: ViewContainerRef;

    constructor(private _compiler: Compiler,
        private _injector: Injector,
        private _m: NgModuleRef<any>) {
    }

    ngAfterViewInit() {
        const template = `<md-card class="example-card">
  <md-card-header>
    <div md-card-avatar class="example-header-image"></div>
    <md-card-title>Shiba Inu</md-card-title>
    <md-card-subtitle>Dog Breed</md-card-subtitle>
  </md-card-header>
  <img md-card-image src="assets/img/examples/shiba2.jpg">
  <md-card-content>
    <p>
      The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
      A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
      bred for hunting.
    </p>
  </md-card-content>
  <md-card-actions>
    <button md-button>LIKE</button>
    <button md-button>SHARE</button>
  </md-card-actions>
</md-card>`;

        const tmpCmp = Component({ template: template })(class {
        });
        const tmpModule = NgModule({imports:[MaterialModule], declarations: [tmpCmp] })(class {
        });

        this._compiler.compileModuleAndAllComponentsAsync(tmpModule)
            .then((factories) => {
                const f = factories.componentFactories[0];
                const cmpRef = f.create(this._injector, [], null, this._m);
                cmpRef.instance.name = 'B component';
                this._container.insert(cmpRef.hostView);
            })
    }
}

otf.module.ts:

import { NgModule } from "@angular/core";
import { OTFAComponent } from "./a.component";

@NgModule({
    declarations: [OTFAComponent],
    entryComponents: [OTFAComponent],
    exports: [OTFAComponent]
})

export class OTFModule {

}

package.json:

{
  "name": "bus-vgtub",
  "version": "1.0.0",
  "description": "BUS",
  "scripts": {
    "start": "webpack-dev-server --inline --progress --port 8080",
    "test": "karma start",
    "build": "rimraf dist && webpack --config config/webpack.prod.js --progress --profile --bail",
    "postinstall": "typings install"
  },
  "keywords": [],
  "author": "vgtub",
  "license": "MIT",
  "dependencies": {
    "@angular/animations": "^4.1.3",
    "@angular/common": "^4.1.3",
    "@angular/compiler": "^4.1.3",
    "@angular/compiler-cli": "^4.1.3",
    "@angular/core": "^4.1.3",
    "@angular/flex-layout": "^2.0.0-beta.8",
    "@angular/forms": "^4.1.3",
    "@angular/http": "^4.1.3",
    "@angular/material": "^2.0.0-beta.2",
    "@angular/platform-browser": "^4.1.3",
    "@angular/platform-browser-dynamic": "^4.1.3",
    "@angular/platform-server": "^4.1.3",
    "@angular/router": "^4.1.3",
    "@ngx-translate/core": "^6.0.0",
    "@ngx-translate/http-loader": "0.0.3",
    "angular-in-memory-web-api": "~0.2.4",
    "angular2-busy": "^2.0.4",
    "core-js": "^2.4.1",
    "ng-dynamic-component": "^1.0.8",
    "ng-pipes": "^0.1.2",
    "ng2-cookies": "^1.0.6",
    "ng2-filter-pipe": "^0.1.10",
    "ngx-loading": "^1.0.5",
    "ngx-treeview": "0.0.5",
    "rxjs": "^5.0.2",
    "systemjs": "0.19.40",
    "tslib": "^1.7.1",
    "typescript": "^2.3.4",
    "zone.js": "^0.8.11"
  },
  "devDependencies": {
    "@types/jasmine": "2.5.36",
    "@types/lodash": "^4.14.64",
    "@types/node": "^6.0.46",
    "angular2-template-loader": "^0.6.2",
    "awesome-typescript-loader": "^3.1.2",
    "canonical-path": "0.0.2",
    "concurrently": "^3.2.0",
    "delegated-events": "^1.0.2",
    "extract-text-webpack-plugin": "^2.1.0",
    "html": "^1.0.0",
    "html-loader": "^0.4.5",
    "html-webpack-plugin": "^2.28.0",
    "jasmine-core": "~2.4.1",
    "karma": "^1.3.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "linqts": "^1.8.2",
    "lite-server": "^2.2.2",
    "lodash": "^4.16.4",
    "ng-dynamic": "^3.0.2",
    "ngx-dynamic-template": "^2.1.24",
    "protractor": "~4.0.14",
    "rimraf": "^2.5.4",
    "tslint": "^3.15.1",
    "typescript": "~2.0.10",
    "typescript-collections": "^1.2.3",
    "webpack": "^2.2.1",
    "webpack-dev-server": "^2.4.2",
    "webpack-merge": "^4.1.0"
  },
  "repository": {}
}

JavaScript canvas sprite and movement

Muzafferkadir3-Aug-17 15:35

Muzafferkadir

3-Aug-17 15:35

Hi everyone today i lost my hope about jscript . Frown | :(

i tried many different thing but i could not be success and i decided to ask .
i am working HTML 5 and jscript i want build a basic game: "there will be a square in canvas and i move with a,s,d,w or up ,down ,right , left" But there is a problem i have been worked 2days Frown | :(

if you can help me and explain codes i'll appreciate ... Thanks.

Re: JavaScript canvas sprite and movement

Richard Deeming4-Aug-17 1:18

Richard Deeming

4-Aug-17 1:18

If you want someone to help fix your code, then you need to show us the relevant parts of your code, and explain what the problem is.

On the other hand, if you were expecting someone to write the code for you, then you've come to the wrong site.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Menu not closing when an href is clicked.

NickG227-Jul-17 17:02

NickG2

27-Jul-17 17:02

Hello, I have a problem that's been racking my brain for a while now. I have drop-down navigation that I would like closed when I click on an href link. My code works fine if viewed in a desktop but it's in mobile I have problems. If links are clicked that are within my site, the links will be followed, but the menu will not close, however any links that are not on my domain will act fine, the menu will close and the link will be followed. This happens only on mobile. This has been stopping me from opening my site for a while so any help is greatly appreciated.

//JS

JavaScript

<pre>jQuery(document).ready(function($){
	//if you change this breakpoint in the style.css file (or _layout.scss if you use SASS), don't forget to update this value as well
	var MQL = 1170;

	//primary navigation slide-in effect
	if($(window).width() > MQL) {
		var headerHeight = $('.cd-header').height();
		$(window).on('scroll',
		{
	        previousTop: 0
	    }, 
	    function () {
		    var currentTop = $(window).scrollTop();
		    //check if user is scrolling up
		    if (currentTop < this.previousTop ) {
		    	//if scrolling up...
		    	if (currentTop > 0 && $('.cd-header').hasClass('is-fixed')) {
		    		$('.cd-header').addClass('is-visible');
		    	} else {
		    		$('.cd-header').removeClass('is-visible is-fixed');
		    	}
		    } else {
		    	//if scrolling down...
		    	$('.cd-header').removeClass('is-visible');
		    	if( currentTop > headerHeight && !$('.cd-header').hasClass('is-fixed')) $('.cd-header').addClass('is-fixed');
		    }
		    this.previousTop = currentTop;
		});
	}

	//open/close primary navigation
	$('.cd-primary-nav-trigger').on('click', function(){
		$('.cd-menu-icon').toggleClass('is-clicked'); 
		$('.cd-header').toggleClass('menu-is-open');
		
		//in firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
		if( $('.cd-primary-nav').hasClass('is-visible') ) {
			$('.cd-primary-nav').removeClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
				$('body').removeClass('overflow-hidden');
			});
		} else {
			$('.cd-primary-nav').addClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
				$('body').addClass('overflow-hidden');
			});	
		}
	});
});

    $('.cd-primary-nav li a').on('click', function(event){
      var href = $(this).attr('href');
      event.preventDefault;
      $('.cd-menu-icon').removeClass('is-clicked'); 
      $('.cd-header').removeClass('menu-is-open');
      $('.cd-primary-nav').removeClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
       $('body').removeClass('overflow-hidden');
       document.location = href;
      });
    });

//HTML

HTML

<pre>	<header class="cd-header">
		<div class="cd-logo"><img src="img/cd-logo.svg" alt="Logo"></div>

		<a class="cd-primary-nav-trigger" href="#0">
			Menu
		</a> 
	</header>

	<nav>
		<ul class="cd-primary-nav">
			<li class="cd-label">About us</li>
			<li><a href="http://mysite.com">Home</a></li><pre><!-- This link will not close the menu --><pre>

Our services

<!-- This link will work fine because it's not on my domain. -->

How browser javascript engine parse and execute javascript

Mou_kol26-Jul-17 1:36

Mou_kol

26-Jul-17 1:36

please discuss how browser javascript engine parse and execute javascript.

i heard modern browser use compiler too to execute js....is it true?
please tell me how javascript v8 engine works.

if i am asking broad question which can not be discuss here then redirect me to few good article from where i will get answer for my questions like above. thanks

Re: How browser javascript engine parse and execute javascript

Afzaal Ahmad Zeeshan26-Jul-17 1:47

Afzaal Ahmad Zeeshan

26-Jul-17 1:47

Mou_kol wrote:
please discuss how browser javascript engine parse and execute javascript.

It is interpreted by the JavaScript engine, how it is done depends on the how the JavaScript engine was written. Different engines have their own different implementation of everything here. Edge came out with a different engine that Internet Explorer (which I doubt, actually), called Chakra. You can read the code of Chakra here on GitHub to learn more on how does that engine work, GitHub - Microsoft/ChakraCore: ChakraCore is the core part of the Chakra Javascript engine that powers Microsoft Edge

Mou_kol wrote:
i heard modern browser use compiler too to execute js....is it true?
please tell me how javascript v8 engine works.

You might have heard about the way Google translates JavaScript to C++ and then compiles it down to run it natively. I am unsure of what that post actually meant, but it had something to do with the performance of the JavaScript, by converting the "interpreted" language to "compiled" language. Maybe, that doesn't work in a web application, or is only for Chromium platforms or Android stuff. Totally unsure of this case.

Chrome V8 | Google Developers
c++ - Which Javascript engine would you embed in your application? - Stack Overflow (Read this thread for some more insights as to how Mozilla and Google's JavaScript work, for compiling the JavaScript.

Mou_kol wrote:
if i am asking broad question which can not be discuss here then redirect me to few good article from where i will get answer for my questions like above. thanks

The top right corner has a search, it will answer all the questions easily. Otherwise, Google would suffice.

Typically saying, an article which I am going to suggest may or may not help you, thus asking you to help yourself. Smile | :)

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: How browser javascript engine parse and execute javascript

Mou_kol3-Aug-17 4:22

Mou_kol

3-Aug-17 4:22

thanks a lot for your answer and suggestion Smile | :)

javascript

arnoldceaser24-Jul-17 1:06

arnoldceaser

24-Jul-17 1:06

can i implement a school management system that does lots of mathematical manipulations using java script??

Re: javascript

Richard MacCutchan24-Jul-17 1:52

Richard MacCutchan

24-Jul-17 1:52

Probably not. The fact that you are asking this question suggests that you do not have a lot of experience in Javascript. Otherwise you would realise that Javascript alone is not enough for such a project.

Re: javascript

ZurdoDev24-Jul-17 7:07

ZurdoDev

24-Jul-17 7:07

You could but would likely not want to.

There are two kinds of people in the world: those who can extrapolate from incomplete data.

There are only 10 types of people in the world, those who understand binary and those who don't.

Re: javascript

W∴ Balboos, GHB20-Sep-17 2:06

W∴ Balboos, GHB

20-Sep-17 2:06

Although it's been a while since your post, the following will help: W3Schools Online Web Tutorials[^]

First you need to learn HTML so you can make a web page
Next, CSS so you can make it look pleasant and put things where you need them
Finally, you can learn javaScript to bring some life to your page (math, etc.)

For some reason, it's a common belief that anyone can just sit down and write a program. Books like "PHP in 24 hours", for example. It just isn't so. It takes work, practice, learning.

You can be self-taught - a very large proportion of professional programmers are - but that often follows years of doing it for fun, often starting at a very early age. Self taught programmers usually have a particular passion for the craft and make some of the most amazing stuff.

I used the above site to learn HTML, CSS, javaScript and PHP (already knew SQL and already knew how to program). It's a major piece of the day-to-day operations of a $US 400 million company. It can be done - but it takes time.

Ravings en masse^
"The difference between genius and stupidity is that genius has its limits." - Albert Einstein
"If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010

how to go to same page again?

Member 1103130423-Jul-17 22:07

Member 11031304

23-Jul-17 22:07

hy I have typescript app with angular4. I use routers to navigate on pages. I use activatedroute in the code:

JavaScript

ngOnInit(): void {

      this.activatedRoute.params.subscribe((parms: any) => {
          if (parms.lang) {
              this.loading = true;


           this.http._get(GLOBALS.url+"/api/GetPageHTML/Page2/"+parms.lang).subscribe(data => this.pageHTML = data[0]['puslHTML']);



          } else {
              this.loading = true;

            this.http._get(GLOBALS.url+"/api/GetPageHTML/Page2/"+parms.lang).subscribe(data => this.pageHTML = data[0]['puslHTML']);
               }

      });


  }

Is it possible to go to the same page again?

JavaScript

parms.lang

is here for checking wheater is there request to change language.

Re: how to go to same page again?

Afzaal Ahmad Zeeshan23-Jul-17 23:40

Afzaal Ahmad Zeeshan

23-Jul-17 23:40

I am not sure why is there even a condition, when both the blocks contain same code to be executed. Both set loading to true and have a same code to execute, then why check it?

Also, which page are you talking about? Some page in the history, otherwise you will require to pass in a parameter that holds the reference or URL to the page. Also, did you try using this.location.back();, which used to work in Angular2 not sure if they changed it.

angular2 routing - How to go back last page in Angular 2 - Stack Overflow

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: how to go to same page again?

Member 1103130424-Jul-17 0:27

Member 11031304

24-Jul-17 0:27

hy,

there are two blocks with same code because this is a way I check whether visitor changed the language of website. I have two navs ir my website: one stands for menu and the other for languages. So in my langs bar I must have links with

JavaScript

routerLinks

which have additional parameter "!":

HTML

<a [routerLink]="['/'+currPage,'!']" (click)="changeLang('en')">EN</a>

when the user clicks on selected language because the

JavaScript

ActivedRouter

only works if I apply to same component with different parameters.

This is why my language bar`s links routerLinks contain additional parameters, while the main menu doesn`t.
But this is a offtopic problem, though it is absolutely related with topic.

I didn`t try any

JavaScript

this.location.back()

because I try to find the solution which is more close to Rounting rather to history as I would like my user to be visiting the page using buttons and links. And I wonder where should I place

JavaScript

this.location.back()

in the code because I would like to go to same page using same link?

JavaScript or TypeScript: which one to really dig into?

Foothill22-Jun-17 10:26

Foothill

22-Jun-17 10:26

So, I've spent most of my professional career working on system administration, databases, and desktop applications. Now I find myself being thrust into ASP.Net Web Api 2 to build REST interfaces so that an internet portal can access internal data via IIS.

I've got the server side down pretty good so my question is do I spend more time focusing on learning the ins and outs of JavaScript or TypeScript or both for the client side?

As a C# dev, the type safety and classes of TypeScript are appealing but it doesn't seem to support the breadth of ECMAScript capabilities like JavaScript does. I want to focus on what will work best but I don't want to bind my hands either. Since this is really my first serious foray into browser scripting, I wanted to get the opinion of the CPians that more experienced in such matters.

if (Object.DividedByZero == true) { Universe.Implode(); }
Meus ratio ex fortis machina. Simplicitatis de formae ac munus. -Foothill, 2016

Re: JavaScript or TypeScript: which one to really dig into?

gurdevs8013-Jul-17 20:26

gurdevs80

13-Jul-17 20:26

TypeScript is the way to go. It would be more sensible coming from the C# dev background to have the structured code even in JavaScript world which is highly loose scripting language but with huge power.

Re: JavaScript or TypeScript: which one to really dig into?

Foothill14-Jul-17 4:17

Foothill

14-Jul-17 4:17

Thanks. I thought that TypeScript would give me a little more piece of mind. Before getting started on that I'm reviewing this: ECMAScript Specifications[^]. I think that I need to build a strong foundation before attempting to build a house.

if (Object.DividedByZero == true) { Universe.Implode(); }
Meus ratio ex fortis machina. Simplicitatis de formae ac munus. -Foothill, 2016

Re: JavaScript or TypeScript: which one to really dig into?

ZurdoDev14-Jul-17 4:50

ZurdoDev

14-Jul-17 4:50

I've never used TypeScript so I can't speak to that. I use jQuery a ton. It makes using JavaScript much easier.

There are two kinds of people in the world: those who can extrapolate from incomplete data.

There are only 10 types of people in the world, those who understand binary and those who don't.

Re: JavaScript or TypeScript: which one to really dig into?

Nathan Minier17-Jul-17 1:41

Nathan Minier

17-Jul-17 1:41

My viewpoint is that these super-sets (TS, CS, DART, etc) compile to JavaScript. If JS itself were so tedious or difficult to work in I would understand that, but largely it doesn't make sense to me to add a link in a chain that already uses a high-level language. It's great for someone who doesn't have the interest or capacity to learn how the underlying technology works, but doesn't really benefit someone that's willing to dig in.

That said, the ECMA approach to OOP is pretty damn counter-intuitive to the C# mindset and there is a bit of a curve. I like that personally, because the switching of gears makes defining client-vs-server concerns fairly obvious, but I may be alone in that regard.

"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli

Re: JavaScript or TypeScript: which one to really dig into?

Foothill17-Jul-17 4:13

Foothill

17-Jul-17 4:13

These are good points. The ECMA Standard and JavaScript is still the foundation of all the web scripting libraries so I see how working toward a professional level familiarity with it would be beneficial. It's similar to how Assembler is still the foundation of all of the programing languages. Does C# make programing a lot easier? Yes. Does is still end up as assembly instructions passed to the interpreter? Of course. C# and the rest of the high-level languages just make it easier to program, abstracting all the tedious bits. I may not be able to write a full program in x86 or x64 assembly (yet) but I know it works and that knowledge helps me write better code at the higher levels.

if (Object.DividedByZero == true) { Universe.Implode(); }
Meus ratio ex fortis machina. Simplicitatis de formae ac munus. -Foothill, 2016

Re: JavaScript or TypeScript: which one to really dig into?

Kornfeld Eliyahu Peter17-Jul-17 7:58

Kornfeld Eliyahu Peter

17-Jul-17 7:58

Type script is a JavaScript inspired object oriented language that compiles to JavaScript.
At the end - in the browser - it is always JavaScript for now, so I would say: learn JavaScript inside-out...
After that, you may find it easier to use some intermediate - like TypeScript - to create the actual JavaScript code, but that's secondary...
If you are coming from the intermediate part only, you will find yourself helpless against a on-client-machine-only bug, that will force you to debug the JavaScript result (and generated code is always hard to read)...

Skipper: We'll fix it.
Alex: Fix it? How you gonna fix this?
Skipper: Grit, spit and a whole lotta duct tape.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.