Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите разобраться с элементарным скриптом! (https://javascript.ru/forum/misc/35598-pomogite-razobratsya-s-ehlementarnym-skriptom.html)

Missxxx 15.02.2013 18:14

Помогите разобраться с элементарным скриптом!
 
Помогите, пожалуйста! Нужно написать скрипт, выполняющий простые математические действия (сложение, вычитание, умножение и деление) сразу, после открытия страницы.
К примеру, в блоке дана цифра <div id="a">2</a>. Во втором блоке также дана цифра <div id="b">4</div>.
В третьем блоке <div id="c">Результат</div> Сразу же выводится результат, к примеру, умножения этих двух цифр.
Либо написать это все в одном лишь javascript. Помогите мне(((

Pavel M. 15.02.2013 18:23

Где такие задачи задают, в школе ?

Hoshinokoe 15.02.2013 18:24

Missxxx,

Тебе определенно нужно использовать jquery. Подробнее здесь :)

danik.js 15.02.2013 18:31

Школьник спешит на помощь другому школьнику ;)
<div id="a">2</div>
<div id="b">4</div>
<div id="c">Результат </div>
<script>
    var output = document.getElementById('c');
    
    var operands = {a:0, b:0};
    for (var operand in operands) {
        operands[operand] = +document.getElementById(operand).textContent;
    }
    
    var result = operands.a * operands.b;
    
    output.textContent += result;
</script>

Missxxx 15.02.2013 18:35

<table>
<tr>
<td><input type="text" id="a" onkeyup="document.getElementById('result').innerHT ML = (parseFloat(this.value)||0) * (parseFloat(document.getElementById('b').value)||0 )"></td>
<td><input type="text" id="b" onkeyup="document.getElementById('result').innerHT ML = (parseFloat(this.value)||0) * (parseFloat(document.getElementById('a').value)||0 )"></td>
<td id="result"></td>
</tr>
</table>

Нашла вот этот скрипт, но главная проблема в нем, что результат выводится, когда в input вводятся цифры. Мне же нужно, что бы значения были заданы изначально, а результат выводился сразу же, без каких-либо манипуляций с клавиатурой и кнопками.

<table>
<tr>
<td><input type="text" id="a" value="2" onkeyup="document.getElementById('result').innerHT ML = (parseFloat(this.value)||0) * (parseFloat(document.getElementById('b').value)||0 )"></td>
<td><input type="text" id="b" value="4" onkeyup="document.getElementById('result').innerHT ML = (parseFloat(this.value)||0) * (parseFloat(document.getElementById('a').value)||0 )"></td>
<td id="result"></td>
</tr>
</table>:blink: :blink: :blink:

Missxxx 15.02.2013 18:37

Результат не подсчитывается(((

Pavel M. 15.02.2013 18:38

Цитата:

Сообщение от danik.js
Школьник спешит на помощь другому школьнику

А если у них в школе только IE8?
.textContent может не заработать
:-)

danik.js 15.02.2013 18:57

Цитата:

Сообщение от Pavel M.
А если у них в школе только IE8?

А это будет уроком: "бездумно списывать нельзя" :)

Missxxx 15.02.2013 19:11

Цитата:

Сообщение от danik.js (Сообщение 234493)
А это будет уроком: "бездумно списывать нельзя" :)

Спасибо, разобралась:)


Часовой пояс GMT +3, время: 18:55.