这是我的函数的代码,我试图将函数的结果放在partie 2而不是partie 4中,而且我也有理解如何停止使它重复结果的麻烦。每次输入输入时我只需要1行结果。
以下是行动中的功能图片
sys.argv
任何人都知道如何做到这一点?
答案 0 :(得分:1)
您正在呼叫function do_stuff() {
var x = $("input[name=fullname]").val();
var y = $("input[name=niveau]").val();
if (parseInt(y)>=1 && parseInt(y)<=6){
$( ".Affichage" ).html( "<p>Bonjour" + x + " Niveau=" + y + "'</p>");
$( ".Affichage" ).css("color", "black");
} else {
$( ".Affichage" ).html( "<p>Erreur le niveau doit etre en 1 et 6</p>");
$( ".Affichage" ).css("color", "red");
}
}
。为什么不使用它。只需使用以下命令更改 do_stuff 功能:
function changeImage(imgUrl) {
document.querySelector("#food").src = imgUrl;
}
function do_stuff() {
var x = $("input[name=fullname]").val();
var y = $("input[name=niveau]").val();
if (parseInt(y)>=1 && parseInt(y)<=6){
$( ".Affichage" ).html( "<p>Bonjour" + x + " Niveau=" + y + "'</p>");
$( ".Affichage" ).css("color", "black");
}
else {
$( ".Affichage" ).html( "<p>Erreur le niveau doit etre en 1 et 6</p>");
$( ".Affichage" ).css("color", "red");
}
}
document.addEventListener( "DOMContentLoaded", function() {
for(let input of document.getElementsByTagName("input")) {
if (input.type == "button") { input.addEventListener( "click", do_stuff ); }
}
}, false );
function pvc(val) {
var input = document.getElementById("value").value;
var result = document.getElementById("result");
if (val == 'inch') {
result.innerHTML = input / 0.39370;
} else if (val == 'cm') {
result.innerHTML = input * 0.39370;
} else if (val == 'celc') {
result.innerHTML = 9 / 5 + 32;
} else if (val == 'fahr') {
result.innerHTML = (input - 32) * 5 / 9;
}
}
希望我做对了。这是一个工作片段。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Partie 1: Affichage et animation des images</h2>
<div id="radiobuttons">
<label><input name="vf" type="radio" onclick="changeImage('http://i.imgur.com/0zfjKQi.jpg')" value="0" checked/>Salade</label>
<br>
<label><input name="vf" type="radio" onclick="changeImage('http://i.imgur.com/OixGjjE.jpg')" value="1"/>Spaghetti</label><br>
<label><input name="vf" type="radio" onclick="changeImage('http://i.imgur.com/gASTpLX.jpg')" value="2"/>Creme glacee</label>
<br><br><br><br><br><br><br>
</div>
<img id="food">
<h2>Partie 2: Affichage dans la page web contrôlé par JavaScript</h2>
<form>
Nom: <input type="text" name="fullname"><br><br> Niveau (1 á 6): <input type="text" name="niveau">
<input type="button" value="Afficher partie 2">
</form>
<div class="Affichage">
</div>
<h2>Partie 3: Formulaire de conversion</h2>
Valeur:<input type="text" id="value" name="valeur" value="0">
<p id="result">Resultat ici</p>
<button type="button" id="inchToCm" onclick="pvc('inch')">Pouces vers cm</button>
<button type="button" id="cmtoInch" onclick="pvc('cm')">CM vers pouces</button>
<button type="button" id="celciusToFarenheit" onclick="pvc('celc')">Celcius vers
Farenheit</button>
<button type="button" id="farenheitToCelcius" onclick="pvc('fahr')">Farenheit vers Celcius</button>
<div id="toggleThis">
<h2>Partie 4: JQuery (cliquez ici)</h2>
<div id="partie4">Voici le contenu de la partie 4, cliquez de nouveau sur le titre</div>
&#13;
{{1}}&#13;