JavaScript: Prioritize value in concatenation (.concat)

Question

JavaScript: Prioritize value in concatenation (.concat)

Navigation

#1 by (2 votes)

0

I'm studying about concat and priorities
The following code currently concatenates the values of the texts in the ValFin field However, I would like that if the priority of field 4 (% with% with value 1) was less than that of field 2 (% with% with value 2), field 4 was ordered first

function teste(){
  var a = document.getElementById('val01').value;
  var b = document.getElementById('val02').value;
  var c = document.getElementById('val03').value;
  var d = document.getElementById('val04').value;
  var f = a.concat(b).concat(c).concat(d);
  document.getElementById("ValFin").value = f;
  console.log(document.getElementById("ValFin").value);
}

<html>
  <head>
  </head>
  <body>
    <label>Valor 01</label>
    <input id="val01" type="text" /> 
    <label>Prioridade do Valor 01</label>
    <input id="Prival01" type="text" maxlength="1" /> <br>    
    <label>Valor 02</label>
    <input id="val02" type="text" />
    <label>Prioridade do Valor 02</label>
    <input id="Prival02" type="text" maxlength="1" /> <br>
    <label>Valor 03</label>
    <input id="val03" type="text" />
    <label>Prioridade do Valor 03</label>
    <input id="Prival03" type="text" maxlength="1" /> <br>
    <label>Valor 04</label>
    <input id="val04" type="text" />    
    <label>Prioridade do Valor 04</label>
    <input id="Prival04" type="text" maxlength="1" /> <br>
    <br>
    <button id="Calc" onclick="teste();">FuncaoMontar</button>
    <input id="ValFin" type="text" />
  </body>
</html>

javascript html5

asked by anonymous 25.06.2018 / 16:46

1 answer

Redirect to the mobile version of the site via javascript or responsive design, what is the best option? [closed] NPM - modules and proxy

score 2 · Accepted Answer

So I understand you want to sort by the Prival fields right? I made an example by adding the values in an array, where you can manipulate them in different ways ...

Follow the example:

function teste(){
  var array = [];
  var a = {
    value: document.getElementById('val01').value,
    order: document.getElementById('Prival01').value
  };
  var b = {
    value: document.getElementById('val02').value,
    order: document.getElementById('Prival02').value
  };
  
  var c = {
    value: document.getElementById('val03').value,
    order: document.getElementById('Prival03').value
  };
  var d = {
    value: document.getElementById('val04').value,
    order: document.getElementById('Prival04').value
  };
  
// Adcionei os objetos no array
array.push(a, b, c, d);

// Utilizar o método sort para ordernar conforme o campo de ordenação
array.sort((a, b) => a.order < b.order ?  -1 : 1);
 
// Transoforma o array de objetos em um array de string e após faz o join para uma string sem espaços
var f = array.map(({value}) => value).join('');
  
document.getElementById("ValFin").value = f;
console.log(document.getElementById("ValFin").value);
}

    <label>Valor 01</label>
    <input id="val01" type="text" /> 
    <label>Prioridade do Valor 01</label>
    <input id="Prival01" type="text" maxlength="1" /> <br>    
    <label>Valor 02</label>
    <input id="val02" type="text" />
    <label>Prioridade do Valor 02</label>
    <input id="Prival02" type="text" maxlength="1" /> <br>
    <label>Valor 03</label>
    <input id="val03" type="text" />
    <label>Prioridade do Valor 03</label>
    <input id="Prival03" type="text" maxlength="1" /> <br>
    <label>Valor 04</label>
    <input id="val04" type="text" />    
    <label>Prioridade do Valor 04</label>
    <input id="Prival04" type="text" maxlength="1" /> <br>
    <br>
    <button id="Calc" onclick="teste();">FuncaoMontar</button>
    <input id="ValFin" type="text" />