javascript change element style - fontsize

-3

Создайте единую веб-страницу, на которой есть три абзаца текста. На странице предоставлен способ для пользователя увеличить и уменьшить размер шрифта трех абзацев. Размер шрифта текста не должен превышать 40 пикселей и не меньше 6 пикселей.javascript change element style - fontsize

Вот мой HTML код:

<head> 
    <title>Demo</title> 
    <link tpye="text/javascript" href="Javascript.js" /> 
    <link rel="stylesheet" type="text/css" href="Css.css" />  
</head> 

<body> 
    <select> 
     <option value="document.getElementById('f6').style.font-size='6px'">6px</option> 
     <option value="document.getElementById('f12').style.font-size='12px'">12px</option> 
     <option value="document.getElementById('f18').style.font-size='18px'">18px</option> 
     <option value="document.getElementById('f24').style.font-size='24px'">24px</option> 
     <option value="document.getElementById('f30').style.font-size='30px'">30px</option> 
     <option value="document.getElementById('f36').style.font-size='36px'">36px</option> 
     <option value="document.getElementById('f40').style.font-size='40px'">40px</option> 
    </select> 
    <p>Hello World</p> 
    <p>How are you?</p> 
    <p>What's you name?</p> 
</body>

источник

2015-05-14 Nick Cottam

Также пожалуйста, напишите код судимым вами –

У вас есть любые попытки поделиться с нами? Похоже, вы просто скопировали описание задания здесь. Надеюсь, вы не ожидаете, что решение просто будет скопировано. – Lix

Это довольно простая вещь для достижения, не могли бы вы разместить какой-нибудь код, чтобы любой из нас мог попытаться решить вашу проблему? –

HTML:

<select onChange="selectsize()" id="selector"> 
     <option value="6">6px</option> 
     <option value="12">12px</option> 
     <option value="18">18px</option> 
     <option value="24">24px</option> 
     <option value="30">30px</option> 
     <option value="36">36px</option> 
     <option value="40">40px</option> 
    </select> 

<div id="number"> 
    <p>Hello World</p> 
    <p>How are you?</p> 
    <p>What's you name?</p> 
</div>

JavaScript:

<script language="javascript"> 
    function selectsize() 
      { 
       var e = document.getElementById("selector"); 
       var applyfontsize = e.options[e.selectedIndex].value; 

       document.getElementById("number").style.fontSize = applyfontsize + 'px'; 
      } 
</script>

источник

2015-05-14 16:36:52

Я видел ваш код после отправки ответа. Вам нужно выбрать размер шрифта и применить его? –

Итак, пользователь выбирает свой размер шрифта, который они хотят, а затем он меняет –

. Я обновил свой ответ. Пожалуйста, проверьте его. Вот что вам нужно. –

javascript change element style - fontsize

ответ

Смежные вопросы