Ajout de CSS à un calcul JavaScript

-4

J'essaye d'ajouter du CSS en ligne à un calcul JS (par exemple 3 * 2 * 1) pour le rendre rouge. J'ai déjà essayé une balise span, mais elle montre simplement le calcul et non la réponse. J'ai également essayé d'utiliser une feuille de style interne. Comment puis-je faire cela? C'est le violon JS: http://jsfiddle.net/ytWea/Ajout de CSS à un calcul JavaScript

<html> 
    <head> 
     <script> 
      function volumeFields(){ 
       document.getElementById("idLengthVolume"); 
       document.getElementById("idWidthVolume"); 
       document.getElementById("idHeightVolume"); 
       document.getElementById("calcVolume"); 
      } 

      function computeVolume(){ 
       var x=document.getElementById("idLengthVolume").value; 
       var y=document.getElementById("idWidthVolume").value; 
       var z=document.getElementById("idHeightVolume").value; 
       var sVolume="The volume of your object is " + x * y * z 
       document.getElementById("idOutputVolume").innerHTML=sVolume; 
      } 
     </script> 
    </head> 
    <body onload="volumeFields()"> 
     Insert the length of your object:<input type="text" size="20" id="idLengthVolume" /> <br/> 
     Insert the width of your object:<input type="text" size="20" id="idWidthVolume" /><br/> 
     Insert the height of your object:<input type="text" size="20" id="idHeightVolume" /> 
     <input type="button" style="display:block" onclick="computeVolume()" value="Calculate" id="calcVolume"/> 
     <div id='idOutputVolume'></div> 
    </body> 
</html>

Source

2013-06-29 vman

S'il vous plaît partager votre code. Il n'est pas possible de répondre à votre question sans code. – Gus

s'il vous plaît lisez la question en prétendant que vous êtes moi (ne sachant rien de votre problème), et essayez de répondre à cette question. –

Gus, j'ai ajouté le code avec lequel je travaillais – vman

En ce qui concerne une feuille de style, le nœud principal de votre html inclure une balise de style et mettre tous vos css là:

<html> 
    <head> 
     <style> 
      h1,p { 
       background-color:red; 
       } 
     </style> 
    </head> 
</html>

Désolé si cela Ce n'est pas ce que vous cherchez, mais c'est le meilleur que je puisse faire en raison du manque d'information.

Edit: Essayez ceci:

function computeVolume() { 
    var x = document.getElementById("idLengthVolume").length; 
    var y = document.getElementById("idWidthVolume").width; 
    var z = document.getElementById("idHeightVolume").depth; 
    var objvolume = x * y * z; 
    var sVolume = "The volume of your object is " + objvolume; 
    document.getElementById("idOutputVolume").innerHTML = sVolume; 
}

Source

2013-06-29 20:37:46

J'ai ajouté le code et le violon JS – vman

@ bagava2 voir mon édition. –

@ user2297366, mais où le CSS – vman

Ajout de CSS à un calcul JavaScript

Répondre

Questions connexes