Voorwaardelijke opmaak

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Advanced Mendix Developer Logistic Solutions (NL)

Advanced Mendix Developer Logistic Solutions (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties." Wat ga je doen? PostNL is becoming a postal tech company. Je komt te werken binnen PostNL Logistic Solutions. Daar gaan we net wat verder dan een standaardpakket of brief. Het gaat bijvoorbeeld om gekoeld vervoer van medicijnen (Health), Warehousing (Fulfilment), het leveren binnen hele strakke tijdvakken

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 »

Full Stack Developer / C# Javascript

Over de werkgever: Wij ontwikkelen software voor handelsbedrijven. Ben jij een ervaren full stack developer? Heb jij ervaring met C# en JavaScript? Vaste baan: Full Stack Developer C# Javascript 3.000 - 4.500 Full Stack Developer Wij zijn gespecialiseerd in het bieden van softwareoplossingen op maat en dus volledig ingericht naar uw bedrijfsspecifieke processen. Wij leveren dit aan klanten in de olie & gas industrie. Bij ons werk je aan onze eigen bedrijfsapplicaties. Bovendien ontwikkel je met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Wij staan open voor elke nieuwe trend, onze

Bekijk vacature »

BI Ontwikkelaar / Junior of Starter (WO) @ Apeldoo

2021-06-15 iSense BI Ontwikkelaar Junior of Starter (WO) Ben jij WO-opgeleid en een junior of starter op het gebied van ontwikkelen? Lijkt het je leuk om in een jaar opgeleid en begeleid te worden en mee te werken als BI-ontwikkelaar? Lees dan snel verder wat dit inhoudt en solliciteer! ISRO50193 Organisatie Als preffered supplier zijn we voor de Belastingdienst (te Apeldoorn) op zoek naar junior BI ontwikkelaars voor het SAS platform. SAS is een geavanceerd Big Data-softwareplatform dat wordt gebruikt voor toegang, beheer, rapportage en analyse van data in allerlei vormen. Jouw eerste jaar staat in het teken van het

Bekijk vacature »

Sr Java Developer Software / Consultancy

Over het bedrijf: Wij leveren software oplossingen. Ben jij een Senior Java Developer? Heb jij veel ervaring met Java? Vaste baan: Sr Java Developer Software Dynamic 3.200 - 4.800 Senior Java Developer Wij leveren software oplossingen. Hierbij hebben wij een innovatief platform opgericht die het gat dicht tussen papieren print en de online wereld. Bij ons is er een fijne werksfeer. Daarnaast is er binnen ons bedrijf veel kennis aanwezig en zijn de collega's graag bereid om elkaar te helpen. Jouw werkzaamheden als Sr Java Developer Software: Voor de vacature als Senior Java Developer Roermond Dynamic ga je het volgende

Bekijk vacature »

BI Developer / Oracle / Internationaal @ Utrecht

2021-08-16 iSense BI Developer Oracle Internationaal Ben jij op zoek naar een dynamische omgeving om als BI Developer aan de slag te gaan? Heb jij goede kennis van Oracle BI, Datawarehouses en Oracle Data Integrator (ODI)? En pas jij dit graag toe in een innovatieve omgeving waar je voldoende uitdaging zult vinden? Reageer dan nu! ISKL48194-2 Organisatie Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de

Bekijk vacature »

C# .NET Software Ontwikkelaar Back End / Scrum

Wie wordt jouw werkgever?: Wij zijn wereldwijd partner voor producten en diensten op het gebied van reiniging en opruimen. Ben je eerder werkzaam geweest als software engineer in een Scrum omgeving? Heb je ervaring met back end software engineering? Vaste baan: C# .NET Software Ontwikkelaar Back End Scrum 3.700 - 5.400 Software Engineer Wij ontwikkelen en produceren slimme machines voor de gladheidbestrijding. Hiermee hebben wij een leidende positie op de Europese markt. Het gaat om materieel op het gebied van sneeuwruimen, gladheidbestrijding, straatreiniging en park-/tuintechniek. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met

Bekijk vacature »

PHP Programmeur Backend HBO / MariaDB MySQL

Over het bedrijf: Wij ontwikkelen eigen software producten. Ben jij een lead programmeur? Heb jij ervaring met onder andere Javascript en PH? Vaste Baan: PHP Programmeur Backend Javascript 3.200 - 4.800 Lead Programmeur Wij ontwikkelen eigen softwareproduct, waarmee bedrijven makkelijk de urenregistratie van medewerkers kan vastleggen en vandaar uit kan factureren. Daarnaast zijn wij een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. Bovendien werken we met moderne technologie en staan open voor innovatie. Ook kennen we een informele cultuur. We zijn gericht op verbetering en innovatie. Ontwikkeling bij het personeel wordt dan ook aangemoedigd. Jouw werkzaamheden als PHP

Bekijk vacature »

Medior PHP Programmeur Backend Developer / REST Of

Over het bedrijf: Affiniteit met PHP? Affiniteit met online identificatie? Kennis van OCR Software? Developer Heb je ervaring met PHP, MYSQL, MVC en OOP? Vaste baan: Medior PHP Programmeur Backend Developer Codeigniter 3.000 - 4.300 Wij hebben ruim tien jaar ervaring op het gebied van online verifiëren van persoons- en bedrijfsgegevens in zowel Nederland als het buitenland. Vanuit ruime ervaring en up-to-date expertise adviseren wij klanten en partners onder andere over de diverse mogelijkheden voor het identificeren van personen en/of organisaties. De technische specialisten denken graag met je mee over de mogelijkheden voor de meest optimale oplossing. Er leeft een

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Senior Node.js Developer (NL) bij PostNL

Senior Node.js Developer (NL) Den Haag HBO/WO IT Professional "Als Senior Node.js Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in JavaScript en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior Node.js Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, JavaScript Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan het Event Management Platform (EMP). Dit platform

Bekijk vacature »

Junior .Net ontwikkelaars gezocht, groei door tot

Bedrijfsomschrijving Ga aan de slag bij het leukste softwarebedrijf in Twente! Dit bedrijf ontwikkelt hoogstaande software die zowel binnen Nederland als buiten Nederland gebruikt wordt. De toepassingen worden door klanten gebruikt die veelal in de toeristische sector werken. Een mooi voorbeeld hiervan is een systeem dat gebruikt wordt om de goede doorstroom van grote groepen bezoekers te monitoren. Ook wordt hun innovatieve software gebruikt om kleinere ondernemers binnen de reisbranche te ondersteunen binnen hun administratie en documentatie. De organisatie bestaat al meer dan 20 jaar en er werken op dit moment zo’n 25 ontzettend sterke developers. De verwachting is dat

Bekijk vacature »

C# .NET Full Stack Developer Medische Software / C

Over de werkgever: Wij ontwikkelen 3D analyse software voor de medische sector. Ben jij een ervaren Full Stack ontwikkelaar? Heb jij ervaring met C#? Vaste baan: C# .NET Full Stack Developer Medische Software JavaScript 3.300 - 4.500 C# Full Stack Developer Ons bedrijf ontwikkelt geavanceerde software voor analyse van medische beelden. Artsen gebruiken onze software bij de diagnosestelling. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met moderne technologie en staan open voor innovatie. Wat houdt de functie precies in?: Voor de vacature als C# Full Stack Developer Bilthoven .NET ga je het volgende

Bekijk vacature »

PHP Developer Back-End / HTML MYSQL

Voor wie je gaat werken: Wij zijn een brand communicatiebureau. Ben jij een Back-End PHP Developer? Heb jij ervaring met MYSQL en PHP? Vaste baan: PHP Developer Back-End MYSQL 3.400 - 4.800 PHP Developer Wij zijn een internetbureau en gespecialiseerd in het ontwikkelen van websites, webshops en applicaties. Onze opdrachtgevers zijn erg divers en geen project is hetzelfde! Wij werken voor MKB klanten. We hebben veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij ons goed! Wat wordt er van jou verwacht?: Voor de vacature als PHP Developer Mijdrecht MYSQL ga je het volgende doen: Als PHP Developer

Bekijk vacature »

Full Stack Java Developer - Infrastructure

Ben jij een ontwikkelaar die wil bijdragen aan de applicatie ontwikkeling van klanten die zich primair bezig houden met de vitale onderdelen van Nederland, zoals transport, weg, water, spoor en gas, water en licht? 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

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

21/09/2021 08:07:47
 
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.