Voorwaardelijke opmaak

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Android Developer en werken met domotica

Bedrijfsomschrijving Deze relatief kleine organisatie is gespecialiseerd in 'woning automatisering' en domotica. Ze hebben een eigen product op de markt wat zich onderscheidt van de bestaande producten op dat gebied. Alle software en hardware wordt intern ontwikkeld waardoor ze gelijk kunnen reageren op de steeds wijzigende wensen van klanten. De organisatie kenmerkt zich door een gezellige werksfeer met een professionele uitstraling. Op het kantoor is zelfs een eigen woonkamer ingericht waarin alle mogelijkheden van het product worden getoond. Functieomschrijving In deze functie ga je aan de slag in een leuk team van developers die zowel zelfstandig als samen een topproduct

Bekijk vacature »

Java Developer - Overheid

Wil jij een bijdrage leveren aan de ontwikkeling van de digitale overheid en de maatschappelijke vraagstukken waar we met elkaar voor staan? Bel of Whatsapp met Mark Hartman via 06 29070400! Als Java ontwikkelaar houd jij je bezig met het realiseren van mooie en innovatieve oplossingen voor de Nederlandse overheid. • Hoe? Het ontwerpen en ontwikkelen met Java in een van onze complexe projecten. • Waarom? Om met jouw code het verschil te maken in het hart van de digitale overheid in Nederland. • Waar? Bij CGI in Rotterdam, dé IT-specialist op het gebied van digitale overheid. • Met wie?

Bekijk vacature »

Full stack developer - Oil & Gas unit

Ben jij een allround ontwikkelaar die wil bijdragen aan de energietransitie? Lees dan verder! Wat ga je doen? Als Full Stack Java Ontwikkelaar draag je verantwoordelijkheid voor het gehele proces van het omzetten van wensen, problemen of vragen naar concrete oplossingen. Integratie, testen, vastleggen van kennis en beslissingen, problem management en automation zijn onderdeel van je takenpakket in zowel SAFE of DevOps gestuurde omgevingen als ook in omgevingen die nog werken volgens het traditionele waterval model. Als ontwikkelaar krijg je alle mogelijkheden om je technisch verder te ontwikkelen en samen te werken met gedreven collega's. Wat breng je mee? •

Bekijk vacature »

Python Developer / Data Engineer / data pipelines

Bedrijfsomschrijving Bij dit grote, innovatieve technische bedrijf wil men graag flink groeien dit jaar, namelijk van zo'n 100 naar 120 mensen. In de afgelopen jaren is er hard gewerkt om een nieuw software product op de markt te zetten ter ondersteuning van hun fysieke producten en omdat dit een groot succes is, wordt het nu uitgerold over het hele bedrijf en daarmee een groot deel van de wereld. Er is dus werk aan de winkel! Jij werkt in het back-end team dat ervoor zorgt dat grote hoeveelheden data van de bron naar de front-end worden gebracht in het juiste formaat.

Bekijk vacature »

Full-stack Java Developer

Functieomschrijving Wil jij continu een organisatie en processen optimaliseren? Maak jij graag IT applicaties die impact hebben? Wil jij jezelf en Nederland in beweging houden? Wat ga je doen als Full-stack Java Developer bij Randstad Nederland? Als je als full-stack java developer ergens impact hebt, dan is het hier wel. Wij ondersteunen onze HR-dienstverlening met hightech apps en software, die we continu verbeteren. Zodat onze mensen ervoor kunnen zorgen dat bijvoorbeeld jouw koffer op de band terecht komt op het vliegveld, jouw pakketjes netjes op tijd worden geleverd en goed verzorgt wordt in het ziekenhuis. Onze innovaties volgen elkaar in

Bekijk vacature »

front-end developer

Ben jij die innovatieve frontend developer die mee wil denken over en werken aan onze technische uitdagingen? Zet jij je in om medische applicaties te ontwikkelen die donatie en transplantatie van organen en weefsel helpen mogelijk te maken? Wat ga je doen Als frontend developer bij de Nederlandse Transplantatie Stichting (NTS) werk je binnen een afdeling met gedreven programmeurs aan innovatieve oplossingen voor de technische uitdagingen die er liggen. Je krijgt veel vrijheid en werkt met de nieuwste technieken en tools zoals Angular (versie 10+), RxJs, Jest en Cypress. De eindgebruikers waarvoor jij programmeert zijn onder andere artsen, promovendi, postdocs

Bekijk vacature »

Medior fullstack .NET developer

Bedrijfsomschrijving Onze klant is een grote internationale speler. Ze investeren steeds in het uitbreiden van het analyse- en servicepakket om de klanten goed van dienst te kunnen blijven. Naast Nederland zijn er nog enkele andere locaties in Europa waar ze zijn gevestigd. IT is verspreid over alle vestigingen. Op elke locatie zijn Developers en System engineers aanwezig. Onze klant is marktleider binnen het gebied waarin zij actief zijn. Nu zijn wij op zoek naar verschillende developers, die er samen met het andere personeel, 110% voor willen gaan. Functieomschrijving Medior fullstack .NET Developer .Net code schrijven; Onderhoud van bestaande applicaties; Meewerken

Bekijk vacature »

Senior C# .NET Core Developer / Azure / Docker / K

Bedrijfsomschrijving Voor onze klant, een groot en bekend bedrijf in regio Eindhoven in de zakelijke dienstverlening, zoeken wij een Senior .NET Developer die wil werken aan diverse interne applicaties waar duizenden medewerkers mee werken. Zo worden er webportalen, CRM systemen en document management systemen in-house ontwikkeld. Ook worden er maatwerk-schillen om ingekochte pakketten gebouwd. Er wordt al jaren op het Azure platform gewerkt waarbij alle mogelijkheden worden benut zoals Azure Data Lake / Factory, gecombineerd met open source technieken. Als ontwikkelaar ben je vooral bezig met C#, MVC en Javascript frameworks. De organisatie omschrijft zichzelf als informeel en ambitieus met

Bekijk vacature »

Back-End Developer PHP

Back-End Developer PHP7 (Laravel) We search for our client with an energetic, young and fast growing team a new pearl in Back End Dev to join their team in the centre of Amsterdam! The company is based on the newest technology, is funded by top-tier investors, delivers on an ambitious roadmap, and is supported by a talented team. We search for a full-time Back-End Developer to join our team in Amsterdam. We are looking for a pro-active, software developer with experience building large scale SaaS applications. You'll work autonomously, will ship multiple features a week, help determine the roadmap and

Bekijk vacature »

Fullstack .Net (Core)/C# Developer zet zich in voo

Voor een organisatie gespecialiseerd in het ontwikkelen van software voor dierenartspraktijken ben ik op zoek naar Fullstack .Net (Core)/ C# Developers. De organisatie, 15 jaar geleden opgericht heeft een internationale klantenkring met meer dan 10.000 praktijken. Er hangt een nuchtere en familiaire sfeer, waar je je snel in thuis zal voelen. In 3 Scrum teams wordt er gewerkt aan her/doorontwikkeling van de dierenartspraktijksoftware en aanverwante tools. Je focus ligt bij het design, programmeren, unit testen en deployen van van nieuwe functionaliteiten. Waarbij je voor 80% bezig bent in de backend en 20% in de frontend. Wat moet je kunnen? -

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Met jouw expertise zorg je als java developer voor de meest plezierige en efficiënte klant ervaring. Met jouw state-of-the-art-systemen verbeter je onze business en maak je echt impact! Want als je in ons tech team werkt, houd je jezelf en Nederland in beweging. Wij zijn continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Artificial intelligence, machine learning en innovatieve zoek oplossingen. Zoek oplossingen? Yes! Solliciteren moet makkelijk en leuk zijn. Toch? Daar kan jij aan bijdragen! wat ga je

Bekijk vacature »

IT-traineeship junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Senior .NET Developer gezocht (C#, .NET Core, Azur

Bedrijfsomschrijving Mijn klant is een middelgrote organisatie, gevestigd in Wassenaar. In totaal werken hier inmiddels ruim 25 personen, waarvan ongeveer de helft als Software Developer werkt. Het is een uiterst professionele organisatie waar ontzettend mooie producten gebouwd worden, maar waar toch een hele prettige en informele sfeer hangt. Iedereen krijgt de ruimte om zichzelf te zijn en ieder zijn inbreng wordt gewaardeerd. Dit is ook een belangrijke kernwaarde binnen de organisatie; iedereen moet zichzelf kunnen zijn en de ruimte krijgen om binnen een relaxte sfeer zichzelf verder te ontwikkelen. Het is een financieel gezonde organisatie waar, dankzij aanhoudende groei, nu

Bekijk vacature »

Systeembeheerder Citrix

Senior Systeembeheerder Citrix Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Citrix en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Wat mag je nog meer verwachten? Als je met ons de uitdaging aangaat dan bieden we je het volgende: Dienstverband voor onbepaalde tijd Salaris tussen de € 4.000,- en € 4.500,- bruto per maand

Bekijk vacature »

.Net / C# Developer - Banking

When .Net/C# is your passion, apply now and join our team! Your day-to-day activities As an experienced .Net/C# developer you will use your skillset to develop new financial applications and services that are not fully automated by standard systems. You will ensure quality and security in ASP.Net and C#. You will work in a multidisciplinary Scrum/Agile team and together you will ensure that the transition to Cloud will go as smoothly as possible. What you need to be successful in this role You are customer focused and enthusiastic. You are at the forefront of architectures, tools and techniques that are

Bekijk vacature »
Franciscus Elsen

Franciscus Elsen

16/03/2021 22:21:07
Quote Anchor link
Ik ben bezig met dingen uitvogelen in Javascript. Ik heb een applicatie gemaakt die drie getallen invoert en die dan op het scherm (via HTML) wordt geprint. Ook wordt een gemiddelde berekend en op het scherm geprint. Tot zover ben ik tevreden. Echter kom ik er niet uit als ik met voorwaardelijke opmaak wil werken. Dus dat als het resultaat van een deeltentamen kleiner dan 5,5 is dat de letterkleur van dat resultaat rood wordt. Datzelfde wil ik voor het eindresultaat. Als het eindresultaat of de afzonderlijke resultaten een 5.5 of hoger zijn dan moet de kleur groen worden.

Iemand een idee om mij op de juiste weg te helpen?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
    <title>Resultaten invoeren</title>
</head>
<body>

Resultaat eerste deeltentamen: <input type = "number" value = "" id = "eersteTentamen"> <br>
Resultaat tweede deeltentamen: <input type = "number" value = "" id = "tweedeTentamen"> <br>
Resultaat derde deeltentamen: <input type = "number" value = "" id = "derdeTentamen"> <br><br>

<input type = "submit" value = "Resultaten bevestigen" onclick = "berekening()"><br><br>

Resultaat eerste deeltentamen: <span id = "res1"></span><br>
Resultaat tweede deeltentamen: <span id = "res2"></span><br>
Resultaat derde deeltentamen: <span id = "res3"></span><br><br>

<b>Het eindresultaat is: </b> <span id = "eindresultaat"></span>


<script>
    function berekening() {
        var resultaat1 = parseInt(document.getElementById("eersteTentamen").value);
        var resultaat2 = parseInt(document.getElementById("tweedeTentamen").value);
        var resultaat3 = parseInt(document.getElementById("derdeTentamen").value);
                    
        document.getElementById("res1").innerHTML = resultaat1;
        document.getElementById("res2").innerHTML = resultaat2;
        document.getElementById("res3").innerHTML = resultaat3;
        
        var eindResultaat = ((resultaat1 + resultaat2 + resultaat3)/3).toFixed(1);
        document.getElementById("eindresultaat").innerHTML = eindResultaat;
    }
</script>

</body>
</html>
 
PHP hulp

PHP hulp

14/05/2021 04:22:28
 
Frank Nietbelangrijk

Frank Nietbelangrijk

17/03/2021 00:55:57
Quote Anchor link
Kijjk eens naar classlist.add(), classlist.remove() en classlist.toggle()

Een voorbeeldje: https://codepen.io/frankbeen/pen/qBqweQP
 
Franciscus Elsen

Franciscus Elsen

17/03/2021 08:19:17
Quote Anchor link
Frank Nietbelangrijk op 17/03/2021 00:55:57:
Kijjk eens naar classlist.add(), classlist.remove() en classlist.toggle()

Een voorbeeldje: https://codepen.io/frankbeen/pen/qBqweQP


Leuk voorbeeldje inderdaad. Wel van een hoger niveau. Ik zat zelf eerder aan if-else statements te denken. Net zoals in Excel je zegmaar op zo een manier een voorwaardelijke opmaak kan geven.

Ik ga even kijken of ik dat voorbeeldje kan matchen met wat ik zou willen.
 
Ad Fundum

Ad Fundum

17/03/2021 08:59:28
Quote Anchor link
Zoiets?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
let res = document.getElementById("eindresultaat");
res.innerHTML = eindResultaat;
res.style.color = eindResultaat >= 5.5 ? 'green' : 'red';
 
Ward van der Put
Moderator

Ward van der Put

17/03/2021 09:01:34
Quote Anchor link
Het kan eventueel ook met alleen HTML en CSS.

Bij het HTML-element input van het type number kun je een bereik opgeven met de attributen min en max:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<input min="5.5" max="10" type="number" value="5.4">


Voor de opmaak van waarden buiten het bereik van min en max kun je vervolgens de speciale CSS-selector out-of-range gebruiken:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
input:out-of-range {
  color: #f44336;
}
 
Thom nvt

Thom nvt

17/03/2021 09:08:06
Quote Anchor link
Als je het netjes opsplitst in een aparte functie voorkom je ook dat het een zooitje van if-else statements word.
Even snel in elkaar getikt dus geen garantie en je moet zelf de kleur classes toevoegen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    function berekening() {
        var resultaat1 = parseInt(document.getElementById("eersteTentamen").value);
        var resultaat2 = parseInt(document.getElementById("tweedeTentamen").value);
        var resultaat3 = parseInt(document.getElementById("derdeTentamen").value);
                    
        document.getElementById("res1").innerHTML = resultaat1;
        document.getElementById("res2").innerHTML = resultaat2;
        document.getElementById("res3").innerHTML = resultaat3;
        
        // Aparte var omdat we een numerieke waarde willen
        var numResultaat = (resultaat1 + resultaat2 + resultaat3) / 3;
        var eindResultaat = numResultaat.toFixed(1);
        document.getElementById("eindresultaat").innerHTML = eindResultaat;
      
        // Dit is dus nieuw
        stelKleurIn("res1", resultaat1);
        stelKleurIn("res2", resultaat2);
        stelKleurIn("res3", resultaat3);
        stelKleurIn("eindresultaat", numResultaat);
    }
  
    // Deze functie regelt het instellen van de kleur classes
    function stelKleurIn(element, cijfer) {
      if (cijfer < 5.5) {
        document.getElementById(element).classList.add('rood');
        document.getElementById(element).classList.remove('groen');
      } else {
        document.getElementById(element).classList.add('groen');
        document.getElementById(element).classList.remove('rood');
      }
    }


Edit: Ik vind de ternary oplossing van Ad Fundum ook wel netjes, zoals je ziet zijn er meerdere wegen die naar Rome leiden.
Gewijzigd op 17/03/2021 09:10:39 door Thom nvt
 
Franciscus Elsen

Franciscus Elsen

17/03/2021 13:35:13
Quote Anchor link
Thom nvt op 17/03/2021 09:08:06:
Als je het netjes opsplitst in een aparte functie voorkom je ook dat het een zooitje van if-else statements word.
Even snel in elkaar getikt dus geen garantie en je moet zelf de kleur classes toevoegen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    function berekening() {
        var resultaat1 = parseInt(document.getElementById("eersteTentamen").value);
        var resultaat2 = parseInt(document.getElementById("tweedeTentamen").value);
        var resultaat3 = parseInt(document.getElementById("derdeTentamen").value);
                    
        document.getElementById("res1").innerHTML = resultaat1;
        document.getElementById("res2").innerHTML = resultaat2;
        document.getElementById("res3").innerHTML = resultaat3;
        
        // Aparte var omdat we een numerieke waarde willen
        var numResultaat = (resultaat1 + resultaat2 + resultaat3) / 3;
        var eindResultaat = numResultaat.toFixed(1);
        document.getElementById("eindresultaat").innerHTML = eindResultaat;
      
        // Dit is dus nieuw
        stelKleurIn("res1", resultaat1);
        stelKleurIn("res2", resultaat2);
        stelKleurIn("res3", resultaat3);
        stelKleurIn("eindresultaat", numResultaat);
    }
  
    // Deze functie regelt het instellen van de kleur classes
    function stelKleurIn(element, cijfer) {
      if (cijfer < 5.5) {
        document.getElementById(element).classList.add('rood');
        document.getElementById(element).classList.remove('groen');
      } else {
        document.getElementById(element).classList.add('groen');
        document.getElementById(element).classList.remove('rood');
      }
    }


Edit: Ik vind de ternary oplossing van Ad Fundum ook wel netjes, zoals je ziet zijn er meerdere wegen die naar Rome leiden.


Dankje, jouw voorbeeld is het bestuderen even waard. Ad Fundum zijn voorbeeld is wat makkelijker maar moet je maar net op die ternary komen. En ik ben het met je eens, ook wat netter.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.