How Do I Return The Value Of The Image In HTML/Javascript
![](Image</div>
<h2 id="solution_1">Solution 1:
</h2>
<div class="answer-desc"><blockquote>
<p>Blockquote</p>
</blockquote>
<p>It is better to use one script language only, try to not mix it and learn more. Here is the code you want.</p>
<p></p><div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code id="code_0" class="hljs language-xml"><span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span>></span>
<span class="hljs-tag"><<span class="hljs-name">html</span>></span>
<span class="hljs-tag"><<span class="hljs-name">body</span>></span>
<span class="hljs-tag"><<span class="hljs-name">p</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"resultado"</span>></span><span class="hljs-tag"></<span class="hljs-name">p</span>></span>
<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"Imagens/R5.jpg"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"P1"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"P1"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"R5"</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"pergunta1(this)"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width:164px;height:164px;"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"Imagens/R2.jpg"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"P2"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"P1"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"R2"</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"pergunta1(this)"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width:163px;height:163px;"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"Imagens/R8.jpg"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"P3"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"P1"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"R8"</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"pergunta1(this)"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width:163px;height:163px;"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="language-javascript">
<span class="hljs-keyword">function</span> <span class="hljs-title function_">pergunta1</span>(<span class="hljs-params">element</span>){
<span class="hljs-keyword">var</span> res=<span class="hljs-string">""</span>;
<span class="hljs-keyword">if</span> (element.<span class="hljs-title function_">getAttribute</span>(<span class="hljs-string">"value"</span>) == <span class="hljs-string">"R5"</span>){
res= <span class="hljs-string">"N1_5"</span>
}
<span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (element.<span class="hljs-title function_">getAttribute</span>(<span class="hljs-string">"value"</span>) == <span class="hljs-string">"R2"</span>){
res=<span class="hljs-string">"N1_2"</span>
}
<span class="hljs-keyword">else</span>{
res =<span class="hljs-string">"N1_8"</span>
}
element.<span class="hljs-property">style</span>.<span class="hljs-property">display</span> = <span class="hljs-string">"none"</span>;
<span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"resultado"</span>).<span class="hljs-property">innerHTML</span> =res;
}
</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"></<span class="hljs-name">body</span>></span>
<span class="hljs-tag"></<span class="hljs-name">html</span>></span></code><button class="copy-btn btn btn-secondary btn-sm" onclick="copyCode(this,)
Copy
Solution 2:
You need to move the P resultado inside the function to show the value selected
function pergunta1(){
var valor = $(event.target).attr("value");
var resultado;
if (valor == "R5"){
resultado = "N1_5"
}
else if (valor == "R2"){
resultado = "N1_2"
}
else{
resultado = "N1_8"
}
$('.P1').hide();
$("#resultado").html(resultado);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="resultado"></p>
<img src="Imagens/R5.jpg" id="P1_Imagen1" class="P1" value="R5" onclick="pergunta1()" style="width:164px;height:164px;">
<img src="Imagens/R2.jpg" id="P1_Imagen2" class="P1" value="R2" onclick="pergunta1()" style="width:163px;height:163px;">
<img src="Imagens/R8.jpg" id="P1_Imagen3" class="P1" value="R8" onclick="pergunta1()" style="width:163px;height:163px;">
</p>
Post a Comment for "How Do I Return The Value Of The Image In HTML/Javascript"