Voorwaardelijke opmaak

Overzicht

Sponsored by: Vacatures door Monsterboard

React Frontend developer

Bedrijfsomschrijving Yacht is a Dutch recruitment, and consultancy agency. The company was founded on May 19, 2000, as an operating company of Randstad Holding with a focus on highly educated and trained professionals. In addition to the Netherlands, Randstad Holding is active in more than 60 countries worldwide. Yacht is the organization of and for professionals. We connect professionals and organizations that want to make a difference. Our goal is an optimal result: To provide challenging assignments to our professionals. Interested? Then we would like to get to know you better! Functieomschrijving Are you an React Frontend developer who is

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

Senior developer PHP en VB.NET

Functie De development afdeling bestaat uit 2 teams. Het productteam (10 developers) is verantwoordelijk voor verschillende applicaties met als doel om zoveel mogelijk te automatiseren en uit te werken tot standaard software. Met diverse Solutions Architecten en ervaren developers denken ze voortdurend mee met hun klanten en bouwen ze de basis van het uiteindelijke maatwerk dat wordt geleverd. Hiernaast hebben ze een maatwerk/projectteam. Dit team bestaat momenteel uit 8 developers (junior tot senior) en is verantwoordelijk voor het maatwerk in hun klantprojecten. Momenteel zijn ze op zoek naar een senior developer die aan de slag gaat in het productteam. Hierin

Bekijk vacature »

.NET developer

Functie Jouw team van vier collega .NET developers is verantwoordelijk voor het bouwen van de ETL processen van jouw nieuwe werkgever. Op dit moment wordt de front-end gedaan door een extern team van professionals. Echter wilt jouw nieuwe werkgever graag intern deze kennis uitbreiden en heeft dan ook de ambitie om dit voor het eind van het jaar intern te gaan aanpakken. Dit betekend dat jij als .NET ontwikkelaar de ideale kans krijgt om jezelf samen met jouw collega’s te ontwikkelen als full stack developer. Als .NET ontwikkelaar werk jij bij deze gave werkgever met C# .NET, SQL, JavaScript, REST

Bekijk vacature »

Senior Robotics Developer (Freelance/ZZP)

Duur opdracht: 12 mnd (met optie tot verlenging) We zoeken senior profielen. Die junioren kan bijscholen op de technische skills. Wordt 1x per week op kantoor (Eindhoven) gewerkt. Voertaal is Nederlands & Engels. Start datum: ZSM Max tarief: 74€ Wij zijn ter versterking van het RPA team van Operations Financieren per direct op zoek naar een RPA Engineer die ons kan helpen bij de ontwikkeling van de robots. Bij voorkeur kennis van cq. ervaring met Kofax Kapow en ervaring met het werken in grote organisaties met complexe systemen. Het RPA Team team zorgt voor de verdere optimalisatie van de processen

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het development team. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeën te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met

Bekijk vacature »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Senior PHP developer

Functie De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden geactualiseerd. Daarnaast zijn ze bezig met de refactoring van de module, er is al veel gedaan, maar nog niet alles. Als Senior PHP developer wordt er een hoge mate van zelfstandigheid verwacht, maar ook dat je goed opereert in een team waar kennis wordt gedeeld

Bekijk vacature »

Medior PHP developer

Functie Momenteel zijn ze op zoek naar versterking in het development team. Het IT-team bestaat uit 6 ontwikkelaars waarvan 5 echt senior. Heel veel ervaring om je heen dus om van te leren! Als medior PHP developer ga jij je bezighouden met het ontwikkelen van integraties tussen hun platform en API’s van partners (bijvoorbeeld Indeed). Dit zijn veelal korte projecten, wat een leuke uitdaging met zich meebrengt om iedere keer weer tot de juiste oplossing te komen, en deze uit te werken. Het doel hierin is altijd om een integratie één keer heel goed op te zetten zodat deze een

Bekijk vacature »

Business & Account Developer

Business & Account Developer (32-40 uur) Wat ga je doen? Als Business & Account Developer ben je het eerste contactpunt voor potentieel nieuwe opdrachtgevers en het verder uitbouwen van Webhelp. Je richt je met name op het uitbouwen van bestaande klanten en voorziet de (potentiële) opdrachtgever van informatie en data en weet welke producten en services passend zijn voor nu en de toekomst. Inzicht hebben in het verbeteren van customer experience proposities met nieuwe technologieën is hiervoor noodzakelijk. Zo verwachten we dat je vanuit goede analyses van processen, gesprekken en interacties vernieuwende customer journeys kan maken. Je kan de vinger

Bekijk vacature »

Frontend Developer

Functie Er zijn ongeveer 20 andere developers die net als jij zal gaan werken aan dit platform. De developers zijn verdeeld over diverse projectteams. Jij komt terecht in een team dat zich focust op het CRM/ERP systeem. Dit team bestaat uit 1 test automation engineer, 2 full stack developers, een designer en een product manager. Je gaat de cross-platform app verder ontwikkelen, de front-end API’s ontwikkelen en implementeren in de front-end architectuur, de behoeften vertalen van onze doelgroep naar functionele, interactieve en aansprekende applicaties en daarnaast ontwerp, programmeer en test je het front-end gedeelte van de webapplicaties. Je houdt je

Bekijk vacature »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Randstad - Fullstack Java Developer (Freelance/ZZP

Start date: ASAP Duration: 1 year initially Hours per week: 40 (32 minimum) Dutch is mandatory Max hourly rate: 85€ Strong communicator There is a vacancy in the Corporate Client Solutions (CCS) team. This team works closely together with the Online Client Solutions (OCS) team and the product owner on the client portal. Through the web portal, the various services from the business are delivered to the clients of Randstad Group Netherlands. CCS works for the corporate customers of Randstad and OCS works for customers in the SME segment. Both teams consist of a number of full stack developers, an

Bekijk vacature »

KPN - Backend Developer - Product Master (Freelanc

Must: Scala and Akka Senior positon Start date: ZSM End date: 01-07-2023 Max hourly rate: 79,25€ Your job as a Backend Developer Many KPN employees in all different types of processes rely on accurate and complete product data. The product master will be a new master data management implementation within KPN for the business market. It supports the goals of KPN to become the best service provider, simplification in processes and IT, digitalization and most of all to become a data driven organization. The essence is to have a single master platform that embodies all the needed product data in

Bekijk vacature »

Lead Webdeveloper Javascript

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij helpen merken, PR, Media en Marketing Bureaus bij het efficient managen en implementeren van hun ambities. Ben jij geschikt als Lead Webdeveloper? Heb je ervaring in een soortgelijke functie? Vaste baan: Lead Webdeveloper Javascript HBO 4.000 - 6.000 Lead Webdeveloper Ze kijken altijd vanuit verschillende invalshoeken naar het vraagstuk van onze klanten om tot de meest innovatieve oplossingen te komen. Een ontdekkingstocht leidt ten slotte niet langs de gebaande paden en iedere ontdekkingstocht is uniek. Zij werken

Bekijk vacature »
Franciscus Elsen

Franciscus Elsen

16/03/2021 22:21:07
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

19/08/2022 20:17:23
 
Frank Nietbelangrijk

Frank Nietbelangrijk

17/03/2021 00:55:57
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
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
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
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
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
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.
 
 

Dit topic is gesloten.



Overzicht

 
 

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.