Изменение текста по нажатию кнопок

@ManyLives · Регистрация: 15.10.2012

Студворк — интернет-сервис помощи студентам

Есть текст и три кнопки. Нажимая кнопки текст меняется:
Первая кнопка-цвет красный, размер 10px.
Вторая кнопка-цвет синий , размер 20px.
Третья кнопка-цвет черный, размер 5px.

@Опан · 13.09.2013, 22:14

HTML5
1
2
3
4
<font id=mytext>Ваш текст</font><br>
<input type=button value="Кнопка-1" onclick="smena(0)"><br>
<input type=button value="Кнопка-2" onclick="smena(1)"><br>
<input type=button value="Кнопка-3" onclick="smena(2)">

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script>
var mas=[
   ["red","blue","#000000"],
   [10,20,5],
]
function smena(b){
   var a=document.getElementById("mytext");
   a.color=mas[0][b];
   a.style="font-size:"+mas[1][b]+"px";
}
</script>

@newJS · 14.09.2013, 07:35

фонт использовать не нужно, он давно помер

HTML5
1
2
3
4
<span id="mytext">Ваш текст</span><br>
<input type="button" value="Кнопка-1" onclick="smena(0)"><br>
<input type="button" value="Кнопка-2" onclick="smena(1)"><br>
<input type="button" value="Кнопка-3" onclick="smena(2)">

JavaScript
1
2
3
4
5
6
7
8
var mas=[["red", "blue", "black"], [10, 20, 5]];
 
function smena(n){
var a=document.getElementById("mytext").style;
   a.color=mas[0][n];
   a.fontSize=mas[1][n]+"px";
 
 };

или так

JavaScript
1
2
3
4
5
6
7
8
9
var mas=["red 10", "blue 20", "black 5"];
 
function smena(n){
var m, a=document.getElementById("mytext").style;
m=mas[n].split(" ");
   a.color=m[0];
   a.fontSize=m[1]+"px";
 
 };

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@ManyLives 0 / 0 / 0 Регистрация: 15.10.2012 Сообщений: 16

	Изменение текста по нажатию кнопок 13.09.2013, 21:40. Показов 3168. Ответов 2 Метки нет (Все метки) Есть текст и три кнопки. Нажимая кнопки текст меняется: Первая кнопка-цвет красный, размер 10px. Вторая кнопка-цвет синий , размер 20px. Третья кнопка-цвет черный, размер 5px. 0

Изменение текста по нажатию кнопок

Решение