diff options
author | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-03-02 23:44:50 +0100 |
---|---|---|
committer | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-03-02 23:44:50 +0100 |
commit | 311c84b1bf0fa3a9680b16ba1ec3309a0a1dca1f (patch) | |
tree | 987a2b00e211e56298f257834bef29bb268a6274 /sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html | |
parent | e3999e37a0a0018be4704ed58b7d984781f429c8 (diff) | |
parent | ee11a13a99d5635eb27850bcd909b73e6f50fced (diff) |
Merge branch 'dev' of http://gitlab.pmf.kg.ac.rs/igrannonica/neuronstellar
Diffstat (limited to 'sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html')
-rw-r--r-- | sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html b/sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html new file mode 100644 index 00000000..5c8527f9 --- /dev/null +++ b/sandbox/test-projekat-danijel/frontend/src/app/page-one/page-one.component.html @@ -0,0 +1,26 @@ +<div style="display: flex; flex-direction: row;"> + <div> + <label for="red">CRVENA</label> + <br> + <input type="number" min="0" max="255" [(ngModel)]="red" name="red"> + </div> + <div> + <label for="green">ZELENA</label> + <br> + <input type="number" min="0" max="255" [(ngModel)]="green" name="green"> + </div> + <div> + <label for="blue">PLAVA</label> + <br> + <input type="number" min="0" max="255" [(ngModel)]="blue" name="blue"> + </div> +</div> +<button type="button" (click)="submit()" [style.backgroundColor]="'rgb('+red+','+green+','+blue+')'" + [style.color]="(red+green+blue>255*1.5 ? '#000':'#fff')"> + DODAJ BOJU +</button> +<br><br> +<div [style.backgroundColor]="color" style="width: 200px; height: 40px;"></div> + +<br> +<button type="button" (click)="goToColors()">POGLEDAJ BOJE</button>
\ No newline at end of file |