Comment remplacez-vous les valeurs choisies avec un mot?

Je suis très nouveau à javascript et j'essaie de créer une échelle de curseur qui produit une phrase au lieu d'une valeur. Le codage ressemble à ceci jusqu'à présent. J'ai utilisé le slider code from jqueryui comme base pour apprendre.Comment remplacez-vous les valeurs choisies avec un mot?

$(function() { 
 
\t \t $("#slider").slider({ 
 
\t \t \t value:1, 
 
\t \t \t min: 1, 
 
\t \t \t max: 7, 
 
\t \t \t step: 1, 
 
\t \t \t slide: function(event, ui) { 
 
\t \t \t \t $("#amount").val(ui.value); 
 
\t \t \t } 
 
\t \t }); 
 
\t \t $("#amount").val($("#slider").slider("value")); 
 
\t });

Je pensais à ajouter une instruction if/else, mais je ne sais pas comment le mettre en œuvre. Je veux que chaque numéro soit associé à une phrase distincte. Est-il possible de remplacer la valeur de sortie (par exemple 1, 2, 3, etc) avec un mot?

Source

2017-05-05 user3689565

Vous voulez ajouter des cas jusqu'à votre numéro maximum pour le curseur ..

var determineWord = function(value) { 
 
    var word = ""; 
 
    console.log(value); 
 
    switch (value) { 
 

 
    case 1: 
 
     word = "test"; 
 
     break; 
 

 
    case 2: 
 
     word = "test2"; 
 
     break; 
 
    } 
 
    console.log(word); 
 
    return word; 
 
}; 
 

 
$(document).ready(function() { 
 
    $("#slider").slider({ 
 
    value: 1, 
 
    min: 1, 
 
    max: 7, 
 
    step: 1, 
 
    slide: function(event, ui) { 
 
     $("#amount").val(determineWord(ui.value)); 
 
    } 
 
    }); 
 
    $("#amount").val($("#slider").slider("value")); 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<body> 
 
    <div id="slider"></div> 
 
    <br/><br/> 
 
    <div id="amount"></div> 
 
</body>

Source

2017-05-05 01:13:48 Woodrow

est-il un moyen d'afficher un seul résultat? Voici un [jsfiddle] (https://jsfiddle.net/ch889v18/4/) sur lequel j'ai travaillé. Je voudrais remplacer la longueur d'onde: X avec longueur d'onde: mot. Merci beaucoup d'avoir répondu si vite !! – user3689565

Jetez un oeil à votre fiddle mis à jour https://jsfiddle.net/ch889v18/7/ – Woodrow

Merci beaucoup !!!!! – user3689565

Comment remplacez-vous les valeurs choisies avec un mot?

Répondre

Questions connexes