You can use `Math.round(Math.random())`. If `Math.random()` generates a number less than 0.5 the result will be 0 otherwise it should be 1.

There is a `+1` with Math.random, so it will always going to add 1 to the randomly generated number.
You can just randomly generate a number, since Math.random will generate any floating number between 0 &amp; 1, then use if.. else to assign 0 or 1

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    var y = Math.random();
    if (y &lt; 0.5)
      y = 0
    else
      y= 1
    console.log(y)

&lt;!-- end snippet --&gt;



Apple has introduced a new image format in iOS 11 called [HEIF](https://en.wikipedia.org/wiki/High_Efficiency_Image_File_Format) (.heic file extension). I know you can export images as JPG from iOS devices, but I want to upload the HEIC-files to my server and convert them there to JPEG files that can be shown on all other devices.

Can anyone recommend a good and efficient way to achieve this?

&gt; ANSWER:
&gt;
&gt; Since this question has been closed, I will edit in my answer here for the rest of you. We now use this library for converting HEIC to JPEG: https://github.com/monostream/tifig
&gt;
&gt; Also [ImageMagick now support converting HEIC to JPEG](https://github.com/ImageMagick/ImageMagick/issues/507) thanks to [a fork from @toshic](https://github.com/toshic/ImageMagick)
&gt;
&gt; Thank you to [@monostream](https://github.com/monostream) and [@toshic](https://github.com/toshic) for your great contributions!


EDIT1: Edited the wording of the question to be more specific and meet SO guidelines

EDIT2: Added answer since this topic is now closed :/

Convert HEIF (.heic) to JPEG on a server?

I am reading only `firstline` from python using :

    with open(file_path, &#39;r&#39;) as f:
        my_count = f.readline()
    print(my_count)

I am bit confused over scope of variable my_count. Although prints work fine, would it be better to do something like `my_count = 0` outside with statement first (for eg in C in used to do int `my_count = 0`)

Scope of variable within &quot;with&quot; statement?

I am trying to generate random 0 or 1 as I am writing a script to populdate my database. If it is 1, I will save it as male and 0 the other way around.

Inside my JavaScript:

    Math.floor((Math.random() * 1) + 1);

I used this to generate either 1 or 0. However, with the code above, it always return me with 1. Any ideas?

JavaScript random generate 0 or 1 integer

I am trying to generate random 0 or 1 as I am writing a script to populdate my database. If it is 1, I will save it as male and 0 the other way around.
Inside my JavaScript:
<pre><code class="hljs language-javascript">Math.floor((Math.random() * 1) + 1);
</code></pre>
I used this to generate either 1 or 0. However, with the code above, it always return me with 1. Any ideas?

I want to create a tutorial which will lead the user exactly where to click. I&#39;m trying to cover the entire screen with a `&lt;div&gt;` which will dim all elements except a **specific region** which is in a fixed `width`, `height`, `top` and `left`.

The problem is, I cannot find a way to &quot;cancel&quot; the parent&#39;s `background-color` (which is also transparent).

In the snipped below, `hole` is the div that is supposed to be without any `background-color`, including its parent&#39;s.

Can this be accomplished at all? Any ideas?



&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    #bg{
       background-color:gray;
       opacity:0.6;
       width:100%;
       height:100vh;
    }
    #hole{
       position:fixed;
       top:100px;
       left:100px;
       width:100px;
       height:100px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div id=&quot;bg&quot;&gt;
        &lt;div id=&quot;hole&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

Here&#39;s a mockup image of what I&#39;m trying to achieve:

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/JFX70.png

Dim entire screen except a fixed area?

I have a Vue component that has a prop named &#39;title&#39; e.g:

    &lt;script&gt;
    export default {
      props: [&#39;title&#39;],
      data() {
        return {
        }
      }
    }
    &lt;/script&gt;

I navigate to the component programmatically after a certain action is complete.
Is there a way to programmatically route a user while also setting the prop value? I know you can create a link like this:

    &lt;router-link to=&quot;/foo&quot; title=&quot;example title&quot;&gt;link&lt;/router-link&gt;

However, is there a way to do something like the following?

    this.$router.push({ path: &#39;/foo&#39;, title: &#39;test title&#39; })

EDIT:

As suggested I&#39;ve changed my route to the following:

       {
          path: &#39;/i/:imageID&#39;,
          component: Image,
          props: true
        }

And the navigation to the following: 

    this.$router.push({ path: &#39;/i/15&#39;, params: {title: &#39;test title&#39; }})

However, my Image component (template - see below) still doesn&#39;t show any title.

  

    &lt;h1&gt;{{ title}}&lt;/h1&gt;

Is there anything that could be causing issues?

Passing props with programmatic navigation Vue.js

I want to align my button to the right of the parent.

I was wondering if there is a *proper* way to do it in MUI. I could use:

```
&lt;Grid container justify=&quot;flex-end&quot;&gt;
```

But then I would have to use another `&lt;Grid item /&gt;`. Seems too much of work.

Or maybe I am just better off using plain old CSS, messing around with `float: right` and dealing with the apparent zero height of the element.

MUI - How to align a component to the center/right?

Using plain HTML/JS, it is possible to view the JavaScript File objects of selected files for an input element like so:

    &lt;input type=&quot;file&quot; id=&quot;input&quot; multiple onchange=&quot;handleFiles(this.files)&quot;&gt;

However, when converting it to the &#39;Vue&#39; way it doesn&#39;t seem to work as intend and simply returns `undefined` instead of returning an Array of File objects. 

This is how it looks in my Vue template:

    &lt;input type=&quot;file&quot; id=&quot;file&quot; class=&quot;custom-file-input&quot; 
      v-on:change=&quot;previewFiles(this.files)&quot; multiple&gt;

Where the `previewFiles` function is simply the following (located in methods): 

      methods: {
        previewFiles: function(files) {
          console.log(files)
        }
      }

Is there an alternate/correct way of doing this? Thanks

File input on change in vue.js

How can I get the current url in Angular 4? I&#39;ve searched the web for it a lot, but am unable to find solution.

**app.module.ts**

    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { RouterModule, Router } from &#39;@angular/Router&#39;;
    
    import { AppComponent } from &#39;./app.component&#39;;
    import { TestComponent } from &#39;./test/test.component&#39;;
    import { OtherComponent } from &#39;./other/other.component&#39;;
    import { UnitComponent } from &#39;./unit/unit.component&#39;;
    
    @NgModule ({
      declarations: [
        AppComponent,
        TestComponent,
        OtherComponent,
        UnitComponent
      ],
      
      imports: [
        BrowserModule,
    	RouterModule.forRoot([
    		{
    			path: &#39;test&#39;,
    			component: TestComponent
    		},
    		{
    			path: &#39;unit&#39;,
    			component: UnitComponent
    		},
    		{
    			path: &#39;other&#39;,
    			component: OtherComponent
    		}
    	]),
      ],
      
      providers: [],
      bootstrap: [AppComponent]
    })
    
    export class AppModule { }

**app.component.html**

    &lt;!-- The content below is only a placeholder and can be replaced --&gt;
    &lt;div&gt;
    	&lt;h1&gt;Welcome to {{title}}!!&lt;/h1&gt;
     	
    	&lt;ul&gt;
    		&lt;li&gt;
    			&lt;a routerLink=&quot;/test&quot;&gt;Test&lt;/a&gt;
    		&lt;/li&gt;
    	  	&lt;li&gt;
    	    	 &lt;a routerLink=&quot;/unit&quot;&gt;Unit&lt;/a&gt;  
    	  	&lt;/li&gt;
    	  	&lt;li&gt;
    	  		&lt;a routerLink=&quot;/other&quot;&gt;Other&lt;/a&gt;
    	  	&lt;/li&gt;
    	&lt;/ul&gt;
    &lt;/div&gt;
    &lt;br/&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;

**app.component.ts**

    import { Component} from &#39;@angular/core&#39;;
    
    @Component ({
    	selector: &#39;app-root&#39;,
    	templateUrl: &#39;./app.component.html&#39;,
    	styleUrls: [&#39;./app.component.css&#39;]
    })
    
    export class AppComponent{
    	title = &#39;Angular JS 4&#39;;
    	arr = [&#39;abcd&#39;,&#39;xyz&#39;,&#39;pqrs&#39;];
    }

**other.component.ts**

   

    import { Component, OnInit } from &#39;@angular/core&#39;;
    import { Location } from &#39;@angular/common&#39;;
    import { Router } from &#39;@angular/router&#39;;
    
    @Component({
      selector: &#39;app-other&#39;,
      templateUrl: &#39;./other.component.html&#39;,
      styleUrls: [&#39;./other.component.css&#39;]
    })
    
    export class OtherComponent implements OnInit {
    
      	public href: string = &quot;&quot;;
    	url: string = &quot;asdf&quot;;
    	
        constructor(private router : Router) {}
    
        ngOnInit() {
            this.href = this.router.url;
            console.log(this.router.url);
        }
    }

**test.component.ts**

    import { Component, OnInit } from &#39;@angular/core&#39;;
    import { Location } from &#39;@angular/common&#39;;
    import { Router } from &#39;@angular/router&#39;;
    
    @Component({
      selector: &#39;app-test&#39;,
      templateUrl: &#39;./test.component.html&#39;,
      styleUrls: [&#39;./test.component.css&#39;]
    })
    
    export class TestComponent implements OnInit {
    	route: string;
    	currentURL=&#39;&#39;;
    	
    	constructor() { 
    		this.currentURL = window.location.href; 
    	}
    	
    	ngOnInit() { }
    }

Right now I am getting console issue after clicking on **other** link

    ERROR Error: Uncaught (in promise): Error: No provider for Router!

Content Type	Original Author	Original Content on Stackoverflow
Question	user7691120	View Question on Stackoverflow
Solution 1 - Javascript	Alexander Elgin	View Answer on Stackoverflow
Solution 2 - Javascript	brk	View Answer on Stackoverflow

JavaScript random generate 0 or 1 integer

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Scope of variable within "with" statement?

Convert HEIF (.heic) to JPEG on a server?

Attributions